bitjaru

Styleseed — AI skill for Claude Code

AI community

Claude Code & Cursor design system.

How to install Styleseed

This entry records only its repository, not the path inside it, so there is no exact command to give. Open bitjaru/styleseed and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Styleseed does

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.

Alternatives in AI

Artifacts Builder — Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web tech 97.5k ★
OpenSwarm — OpenSwarm — Autonomous AI dev team orchestrator powered by Claude Code CLI 589 ★
Main — Open-source SaaS framework (React + Firebase + Stripe) with built-in Claude Code AI skills 550 ★

README

styleseed

The design system for Claude Code, Cursor, and vibe coding.

[![▶ Open AI Chat Demo](https://img.shields.io/badge/▶_AI_Chat_Demo-Live-FF4E8B?style=for-the-badge&logoColor=white)](https://styleseed-demo.vercel.app) [![▶ Open Pricing Demo](https://img.shields.io/badge/▶_Pricing_Demo-Live-6C5CE7?style=for-the-badge&logoColor=white)](https://styleseed-demo.vercel.app/pricing)

**One component. Three brand DNAs.** Same chat UI morphing across Toss · Raycast · Arc — colors, radius, motion, shadows, gradients all driven by StyleSeed tokens. No rewrites. No conditional code. Just a `data-skin` attribute.

[![oosmetrics](https://api.oosmetrics.com/api/v1/badge/achievement/41c4272f-b2a8-4c64-8fcb-ca7750603ab9.svg)](https://oosmetrics.com/repo/bitjaru/styleseed) ![GitHub release](https://img.shields.io/github/v/release/bitjaru/styleseed?style=flat-square) ![GitHub stars](https://img.shields.io/github/stars/bitjaru/styleseed?style=flat-square) ![License](https://img.shields.io/github/license/bitjaru/styleseed?style=flat-square)

**Other repos teach LLMs what brands look like. StyleSeed teaches LLMs how designers think.**
Data vs judgment. 69 design rules that Claude Code and Cursor read automatically — so the output stops looking generated and starts looking designed.

[Get Started](#get-started) · [Engine + Skins](#how-it-works-engine--skins) · [Skills](#11-ai-powered-skills) · [Wiki](../../wiki) · [한국어](README-KR.md)

Who is this for?

You asked Claude Code or Cursor to build a dashboard and it came out amateur-looking
You're vibe coding a SaaS app and don't want to hire a designer
You use shadcn/ui but the output still feels generic
You want **To