Top AI Repos — open-source AI, indexed and scored
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
The design skill for Claude Code, Cursor and any coding agent. Stop shipping AI-slop UI: turn it into shippable, tasteful frontend. Install: npx skills add superdesigndev/superdesign-skill. Powered by superdesign.dev
| Date | Stars |
|---|---|
| 2026-07-31 | 374 |
| 2026-08-01 | 378 |
| 2026-08-06 | 378 |
Today
— stars today
This week
— stars this week
This month
— stars this month
Momentum
0.0
growth rate 0.00%/day
# Superdesign: the design skill for Claude Code, Cursor and any coding agent **Stop shipping AI-slop UI.** Coding agents write great code and mediocre interfaces: generic layouts, default shadcn everything, no taste. Superdesign is the skill that gives your agent design judgment, so the UI it ships actually looks considered. Install it once and your agent (Claude Code, Cursor, Codex, and 70+ others) can find real design direction, set up a design system, and generate + iterate high-quality UI drafts on an infinite canvas, all without leaving your terminal. > Powered by [superdesign.dev](https://superdesign.dev), the AI product design agent. [](https://youtu.be/AZYJWyWZ6pQ) *▶ Watch the skill in action.* --- ## What is Superdesign? **Superdesign is an AI product design agent.** It gives coding agents (Claude Code, Cursor, Codex, and 70+ others) real design judgment, so the UI they ship looks considered instead of generic. - **What it does** — finds design direction, sets up a design system from your codebase, and generates + iterates high-quality UI drafts on an infinite canvas, all from your terminal. - **Who it's for** — developers, indie hackers, and product/UI designers who want to go from idea to shippable UI fast without leaving their coding agent. - **How it's different** — style-preset skills just swap in a theme or a component library. Superdesign designs *into* your existing design system: it reads your code for context, gathers real style references, and produces branchable drafts you refine. - **Two ways in** — this skill from any coding agent, or the web app at [superdesign.dev](https://superdesign.dev). > **Not the legacy IDE extension.** The archived open-source `superdesigndev/superdesign` VS Code extension is an older, separate project. This skill and [superdesign.dev](https://superdesign.dev) are the current, maintained product. --- ## Install ``` npx skills add superdesigndev/superdesign-skill ``` This works for any of the [70+ supported coding agents](https://github.com/vercel-labs/skills#supported-agents). Then install the CLI it drives: ``` npm install -g @superdesign/cli@latest superdesign login ``` ## Use it Just talk to your agent: ``` /superdesign help me redesign this settings page so it doesn't look like default AI slop ``` ``` /superdesign set up a design system from my current codebase ``` ``` /superdesign improve the design of my dashboard ``` The skill handles the rest: it reads your code for context, gathers real style references, and produces design drafts you can branch and refine. --- # Core scenarios (what this skill handles) 1. **Help me design X** (feature/page/flow) 2. **Set design system** 3. **Help me improve design of X** (make it not look AI-generated) ## Tooling overview ### A) Inspiration & Style Tools (generic, always available) Use these to discover style direction, references, and brand context. Browse the full [prompt library](https://superdesign.dev/library) in the web app, or query it from the CLI: - **Search prompt library** (style/components/pages) ```bash superdesign search-prompts --query "<keyword>" superdesign search-prompts --tags "style" superdesign search-prompts --tags "style" --query "<style keyword>" ``` - **Get prompt details** — read the compact index first, then fetch the full body only for the slug(s) you pick ```bash superdesign get-prompts --slugs "<slug1,slug2,...>" # index superdesign get-prompts --slugs "<slug>" --full # full body of the chosen slug(s) ``` - **Extract a site's design DNA from a URL** (style guide, tokens, content, brand, clone) ```bash superdesign extract-website --url https://example.com --design-md ``` ### B) Canvas Design Tools Use design agent to generate high quality design drafts: - Create project (optionally seed a baseline draft from an HTML template via `--template`) - Create
Excerpt of 13,163 characters
Read on GitHubWould you bet a product on this? Bounded 0–100 and slow moving.
matched fp:7622194f7abe3201, llm:Topics: agent-skills, ai-design, claude-code, claude-skill, claude-skills, coding-agent, design-agent, frontend, ui-design, ux-design; description: 'The design skill for Claude Code, Cursor and any coding agent... Install: npx skills add superdesigndev/superdesign-skill.'
matched fp:7622194f7abe3201, llm:Topics: agent-skills, ai-design, claude-code, claude-skill, claude-skills, coding-agent, design-agent, frontend, ui-design, ux-design; description: 'The design skill for Claude Code, Cursor and any coding agent... Install: npx skills add superdesigndev/superdesign-skill.'
matched fp:7622194f7abe3201, llm:Topics: agent-skills, ai-design, claude-code, claude-skill, claude-skills, coding-agent, design-agent, frontend, ui-design, ux-design; description: 'The design skill for Claude Code, Cursor and any coding agent... Install: npx skills add superdesigndev/superdesign-skill.'