leefanv/omit-design

Let AI agents design with you.

54Stars on the repository
11Mods indexed here, across every type
3mo agoLast push, which is what freshness is scored on
MITLicence, which decides whether bodies are shown

add-pattern

01

leefanv/omit-design

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…

54 +1 3mo ago A 105 tokens original MIT

audit-design

02

leefanv/omit-design

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.

54 +1 3mo ago A 47 tokens original MIT

new-design

03

leefanv/omit-design

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.

54 +1 3mo ago A 72 tokens original MIT

omit-design-cli

04

leefanv/omit-design

Skill Claude CodeCodex

The entry points for the omit-design dev loop. Use these three commands — do not stitch together your own shell substitute.

54 +1 3mo ago A 60 tokens original MIT

omit-design

05

leefanv/omit-design

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 +…

54 +1 3mo ago A 101 tokens original MIT

leefanv/omit-design

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…

54 +1 3mo ago A 84 tokens original MIT

leefanv/omit-design

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…

54 +1 3mo ago A 87 tokens original MIT

ship-design

08

leefanv/omit-design

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…

54 +1 3mo ago A 77 tokens original MIT

start

09

leefanv/omit-design

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"…

54 +1 3mo ago A 96 tokens original MIT