next-theme-figma
Installation
SKILL.md
NEXT Theme Figma
Using This Skill
This skill works with any AI coding tool that can load a markdown file as context.
| Tool | How to Use |
|---|---|
| Recommended | Clone NextCommerceCo/skills and run ./skills.sh; choose your local agent target and this skill. |
| No checkout | Use npx skills add NextCommerceCo/skills -g --skill next-theme-figma and add -a <agent> when you want a specific agent. |
| Fallback | Load this SKILL.md as a system prompt, context file, rule, or chat upload if your tool does not support native skills. |
Overview
Use this skill upstream of next-theme-dev. Treat Figma as structured source, not inspiration: inspect the file, classify sections and assets, record Spark/platform divergences, capture references, and produce a handoff package that a theme implementation agent can consume without guessing.
If the user asks to implement a theme directly from Figma, first run this workflow until the design-source package is clear enough. Then load next-theme-dev for DTL/Spark edits, ntk push/pull, CSS builds, and storefront QA.