styleseed

bitjaru/styleseed

Claude Code & Cursor design system. Stop generating ugly AI UI. 69 design rules + 48 shadcn components + Toss/Stripe/Linear/Vercel/Notion brand skins. Tailwind v4 + Radix.

418 stars

48 forks

TypeScript

19 views

View on GitHub Add to Favorites

Installation

Option 1: Use slash command in Claude Code

/install-skill https://github.com/bitjaru/styleseed

Option 2: Clone to skills directory

# Global (all projects)

git clone https://github.com/bitjaru/styleseed ~/.claude/skills/styleseed

# Project-specific

git clone https://github.com/bitjaru/styleseed .claude/skills/styleseed

Add MCP server to .cursor/mcp.json:

{
  "mcpServers": {
    "skillz": {
      "command": "npx",
      "args": ["-y", "skillz-mcp", "https://github.com/bitjaru/styleseed"]
    }
  }
}

Restart Cursor after adding the configuration.

Option 1: Use Gemini CLI command

gemini extensions install https://github.com/bitjaru/styleseed

Option 2: Clone to extensions directory

git clone https://github.com/bitjaru/styleseed ~/.gemini/extensions/styleseed

Topics

ai-coding ai-design ai-ui claude-code claude-design claude-skills cursor design-judgment design-system design-tokens nextjs radix-ui react react-components shadcn shadcn-ui tailwindcss typescript ui-design vibe-coding

Related Skills

openclaw

Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞

eightctl

Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞

version-bump

Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More

paperclip

The open-source app everyone uses to manage agents at work