sfnext-create-vertical
Create a new Storefront Next vertical (brand theme / storefront variant) by editing brand design tokens, typography, dark mode, and the Figma kit. Use when asked to create a new vertical, brand, theme, or storefront variant, re-skin the storefront, or change the brand palette. Covers the brand.css token layer, semantic token rules, fixture-based local development, and the extension-vs-base decision. NOT for engineering component 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-vertical/SKILL.md
- skills/sfnext-create-vertical/evals/trigger-evals.json
- skills/sfnext-create-vertical/references/COMPONENT-AUTHORING.md
- skills/sfnext-create-vertical/references/PROJECT-STRUCTURE.md
- skills/sfnext-create-vertical/references/TOKEN-SYSTEM.md
- skills/sfnext-create-vertical/references/TROUBLESHOOTING.md
Every link opens the file at its source, pinned to the revision this page describes.