Agent
Use this sub-agent to scan an omit-design project (or a single named file) for compliance violations and produce a structured report — without polluting the main conversation context with raw lint output. Inputs are an optional scope: a single file path, a glob, or "all" (default). Returns a prioritized markdown…
Agent
Use this sub-agent to draft a new design page in an isolated context once the pattern, target path, and PRD have been confirmed by the user. Inputs are: (1) the pattern name (a directory under /patterns/), (2) the target path under design/, (3) the PRD or feature description. Returns the created file path and a…
Skill Claude CodeCodex
Create a new project-local design pattern under /patterns/ / — pattern.json (name + whitelist), template.tmpl.tsx (skeleton for new-design to copy), README.md (when to use). Use when the user says "add an approval-queue pattern" or when new-design hits a PRD that doesn't fit any existing pattern. Patterns are…
Skill Claude CodeCodex
Scan all design pages in an omit-design project for compliance violations (whitelist imports, design literals, missing pattern headers). Use when the user asks "is my design compliant?" or wants a batch audit before refactoring.
Skill Claude CodeCodex
Generate a new design page (under design/) from a PRD. Picks a pattern from /patterns/, copies its template, fills in fields, registers via auto-discovery. If no existing pattern fits the PRD's archetype, calls add-pattern to create one first. Use when the user wants to scaffold a new design page.
Skill Claude CodeCodex
The entry points for the omit-design dev loop. Use these three commands — do not stitch together your own shell substitute.
Skill Claude CodeCodex
AI-collaborative design composition with omit-design. Use when the user is in an omit-design project (has @omit-design/preset-mobile installed and design/ directory) and asks to add or modify design pages, work with patterns, or audit compliance. Covers the four-layer constraint system (skills + ESLint hard rules +…
Skill Claude CodeCodex
Bootstrap a fresh omit-design project's visual theme from an existing Figma file — extract design tokens (colors + spacing) and PUT the result to the dev-server so the workspace can apply it to theme-editor. Use when the user pastes a figma.com URL and wants to seed the project's theme. Patterns are produced…
Skill Claude CodeCodex
Distill reusable page patterns from a PRD. Reads the PRD, scans /patterns/ for reuse, decides which new patterns to create (zero or more), writes pattern.json + template.tmpl.tsx + README.md per new pattern. Does NOT generate design pages — pairs with new-design downstream. Use when the user has a PRD and wants…
Skill Claude CodeCodex
One-shot delivery pipeline for a single design page — runs lint + accessibility review + screenshot capture in sequence and reports a single pass/fail. Use when the user says "ship X", "is X ready to deliver?", "review and capture ", or wants a final check before handing a design off to development. Operates on one…
Skill Claude CodeCodex
Active state diagnosis for an omit-design project — figure out what the user should do next based on the project's current state (empty / single welcome page / lint failing / healthy). Use when the user enters an omit-design project and says something open-ended like "what should I do next?", "I just init'd this"…