generating-ui-bundle-metadata

SKILL.md

UI Bundle Metadata

Scaffolding a New UI Bundle

Use sf template generate ui-bundle to create new apps — not create-react-app, Vite, or other generic scaffolds.

Always pass --template reactbasic to scaffold a React-based bundle.

UI bundle name (-n): Alphanumerical only — no spaces, hyphens, underscores, or special characters.

Example:

sf template generate ui-bundle -n CoffeeBoutique --template reactbasic

After generation:

Replace all default boilerplate — "React App", "Vite + React", default <title>, placeholder text

Populate the home page with real content (landing section, banners, hero, navigation)

Update navigation and placeholders (see the building-ui-bundle-frontend skill)