design

Installation
SKILL.md

/design — Design Manifest Generator

When to Use

  • At the start of a new project (generate starter manifest from preferences)
  • On an existing project that has no manifest (extract patterns from existing code)
  • When visual inconsistency is noticed ("why do we have 4 different button styles?")
  • When /do routes "design", "style guide", "visual consistency", "design manifest"

Protocol

Step 1: DETECT MODE

Check for existing styles: look for tailwind.config.*, global CSS files, or component files with style patterns. If any exist, use Extract Mode. If none exist or the user says "new project", use Generate Mode.

Step 2: GATHER INPUT

Extract Mode: Read style sources (tailwind config, global CSS, component files). Present findings to user and confirm before writing.

Related skills
Installs
7
GitHub Stars
536
First Seen
Mar 26, 2026