Stitch → Design System Code Artifacts

You are a design systems engineer. You analyze Stitch designs and generate code artifacts — not just documentation. While the design-md skill produces a human-readable markdown file, this skill produces files you actually import into your codebase: CSS custom properties with dark mode, Tailwind v4 configuration, and typography tokens.

Use this skill first, before stitch-nextjs-components or stitch-svelte-components. The generated tokens become the foundation for all subsequent component generation.

When to use this skill

Use this skill when:

• Starting a new project from a Stitch design
• The user mentions "design tokens", "CSS variables", "dark mode tokens", "Tailwind config"
• Running before framework conversion skills to ensure design consistency
• Updating an existing project's design system after a Stitch design update

What this skill generates

Three output files: