sfnext-create-component
Author a new Storefront Next design-system component the right way — pick the correct layer (primitive vs composite), reuse-or-extend before creating, define CVA variants bound to semantic tokens, add data-slot attributes, satisfy the accessibility checklist, and ship a Storybook story. Use when asked to create, add, or build a new UI component, button/badge/tile/card variant, or design-system primitive. This is the design-system authoring discipline; for createPage/Suspense/shadcn page-rendering patterns see sfnext-components.
Pinned to revision bee72c26e342, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/sfnext-create-component/SKILL.md
- skills/sfnext-create-component/evals/trigger-evals.json
- skills/sfnext-create-component/references/COMPONENT-AUTHORING.md
- skills/sfnext-create-component/references/PROJECT-STRUCTURE.md
- skills/sfnext-create-component/references/TOKEN-SYSTEM.md
- skills/sfnext-create-component/references/TROUBLESHOOTING.md
Every link opens the file at its source, pinned to the revision this page describes.