create-design-md
Installation
SKILL.md
Create DESIGN.md
Create or update DESIGN.md in English only. The document must translate brand strategy into usable design direction for product UI, landing pages, visual systems, and implementation.
The result should be specific enough that designers, frontend developers, and AI coding agents can build consistent screens from it.
Workflow
Step 1: Inspect Existing Context
Before writing, inspect the project for available context.
Prioritize these sources:
BRANDING.mdas the primary source of truth when it exists.README.mdand product docs for product purpose, audience, positioning, and feature scope.- Existing UI files, routes, components, and screen names.
- Theme files, design tokens, CSS variables, global CSS, Tailwind config, UI library config, or React Native theme files.
- App screenshots, marketing images, logos, icons, or visual assets when available.