leefanv

leefanv / omit-design

Public

Let AI agents design with you.

omit.design agentic-workflow ai-figma omit-design
16
0
100% credibility
Found May 11, 2026 at 16 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

A local-first tool for humans and AI to collaboratively create interactive UI designs as editable React code with enforced consistency rules and browser previews.

How It Works

1
🔍 Discover easy UI design

You hear about a simple way to create app screens without drawing tools, just by describing what you want.

2
🚀 Start your project

With one easy step, you create your personal design workspace on your computer—no accounts needed.

3
📝 Describe your idea

In your workspace, write a short note about the screen you want, like a shopping list or order page.

4
🤖 AI builds your design

Magic happens: AI reads your note, creates reusable patterns and a clickable page just like you imagined.

5
👀 Preview and play

See your design come alive—click buttons, check colors, measure spaces, everything feels real.

6
🎨 Tweak colors and sizes

Easily adjust the look with a friendly editor that shows changes instantly everywhere.

✨ Designs ready to share

Your beautiful, consistent screens are done—export to Figma for your team or build your app.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 16 to 16 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is omit-design?

omit-design is a TypeScript framework that lets AI agents design UIs with you by outputting real React TSX pages you can click, lint, and deploy directly. It solves the gap between AI-generated mockups and production code by enforcing rules like no raw colors or pixels, whitelisted imports from presets like mobile Om* components, and mandatory pattern headers—gated by husky on every commit. Run a local Vite dev server for Figma-like previews, inspect overlays, theme editing, and DOM-to-Figma JSON export via plugin, all offline with zero accounts.

Why is it gaining traction?

Unlike screenshot tools or cloud designers, it makes designs runnable code from the start, with AI constrained by deterministic lint + Claude Code skills for PRD distillation and page scaffolding. The CLI handles init, dev, lint, new-page, and upgrades seamlessly, while the canvas workspace offers zoom/pan, measurements, and a11y scans. Local-first means no vendor lock-in, and round-trip Figma support lets agents transform data quality by deduplicating records in editable frames.

Who should use this?

Mobile frontend devs building POS or e-commerce apps, using Claude to "let agents move emails salesforce" style prompts into pattern-based pages. Teams wanting github let's do automation for UI boilerplate, where "let github copilot's agent mode handle the heavy lifting" meets strict design systems. Solo prototypers tired of redesigning AI images in code.

Verdict

Worth a spin for TypeScript/React teams eyeing AI-assisted design—CLI gets you previewing in minutes. Pre-1.0 at 16 stars and 1.0% credibility means evolving APIs and no tests yet, but internal production use and solid docs make it a low-risk experiment.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.