kwakseongjae

kwakseongjae / oh-my-design

Public

Generate DESIGN.md from 58 real company design systems. Interactive wizard + shadcn/ui CSS export. Zero AI calls.

oh-my-design-lemon.vercel.app cli design-md design-system design-tokens google-stitch
12
0
100% credibility
Found Apr 14, 2026 at 12 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
HTML
AI Summary

oh-my-design is a client-side generator that creates customizable DESIGN.md files from 58 real company design systems for AI coding agents, with a web builder, interactive previews, and CLI export.

How It Works

1
🔍 Discover oh-my-design

You find this fun tool on GitHub that lets you borrow beautiful designs from big companies like Stripe or Notion to make your app look pro.

2
🌐 Open the web builder

Click into the simple website where everything runs right in your browser, no setup needed.

3
🏢 Pick a company style

Browse categories like AI tools or fintech apps, then choose one company's look that matches your vibe.

4
🎨 Tweak to your taste

Play with fun A/B choices for buttons, tables, cards, and headers, plus pick colors, fonts, and roundness until it feels just right.

5
👁️ Preview everything live

See your custom design come alive with interactive samples of buttons, forms, tables, and more.

6
📥 Export your style guide

Download a ready-to-use design file plus copy-paste colors for your app, or grab a magic link to recreate it anytime.

✨ Build amazing UIs

Share the style guide with your AI helper, and watch it create screens that perfectly match your vision—consistent and beautiful every time.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 12 to 12 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 oh-my-design?

oh-my-design lets you pick from 58 real company design systems—like Stripe, Vercel, or Airbnb—and customize them via an interactive A/B wizard for styles, tokens, and components. It spits out a ready-to-use DESIGN.md file in Google Stitch format, plus shadcn/ui CSS variables, all client-side with zero AI calls or API keys. Run the Next.js web builder locally or use the CLI with `npx github:kwakseongjae/oh-my-design --config=` to drop it into your project for consistent AI-generated UIs.

Why is it gaining traction?

Unlike AI-dependent generators that rack up token costs or hallucinate styles, this pulls directly from scraped real-world systems (Claude, Notion, Tesla) and lets you tweak via simple A/B choices—no design expertise needed. The shadcn export hooks right into your Tailwind setup, and the preview HTML shows everything live. Devs love the "oh my design studio" vibe: instant pro looks without Figma detours.

Who should use this?

Frontend devs prompting Claude or Cursor for UIs who hate inconsistent outputs. Indie hackers prototyping SaaS dashboards in Linear/Notion style. Teams needing quick shadcn themes matching fintech (Stripe) or dev tools (Vercel) without building from scratch.

Verdict

Grab it if you're in the AI UI loop—solid for early prototypes despite 10 stars and 1.0% credibility score. Still maturing (light tests, Korean/English docs), but MIT license and PRs-welcome make it a low-risk experiment; contribute refs to level it up.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.