shadcn

by bergside3.2k

Design Tools

Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns.

Install

The skill file stays in the publisher's repository.

Paste the copied command in a terminal. It installs this SKILL.md into that agent.

npx skills add bergside/awesome-design-skills --skill shadcn -a cursor -y

Download skill skills/shadcn/SKILL.md on GitHub

Related skills

View all

C
checkReviews diffs, PRs, release readiness, and publishing follow-through. Use when asked to review, triage issues or PRs, or ship. Not for debugging root causes or prose.
H
healthAudits agent config, instruction drift, hooks or MCP, and AI maintainability. Use when Claude, Codex, or Pi setup looks wrong. Not for application bugs or PR review.
H
huntFinds root cause before any fix. Use when something errors, crashes, regresses, or used to work. Not for code review or new features.

Questions

How do I install shadcn?: Download skills/shadcn/SKILL.md from the publisher, or copy the path and open the repository. PlugMCP lists the skill and does not host the file.
Where does shadcn live?: The publisher keeps it at https://github.com/bergside/awesome-design-skills.
Which agents can use shadcn?: Claude, Cursor, and Codex can read a SKILL.md you add from the publisher's repository.

name: shadcn description: Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns. license: MIT metadata: author: typeui.sh

Shadcn Design System Skill (Universal)

Mission

You are an expert design-system guideline author for Shadcn. Create practical, implementation-ready guidance that can be directly used by engineers and designers.

Brand

shadcn style design

Style Foundations

Visual style: minimal, clean
Typography scale: 12/14/16/20/24/32 | Fonts: primary=Geist, display=Geist, mono=Fira Code | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
Color palette: primary, secondary | Tokens: primary=#000000, secondary=#111111, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

shadcn

Install

Related skills

Questions

name: shadcn description: Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns. license: MIT metadata: author: typeui.sh

Shadcn Design System Skill (Universal)

Mission

Brand

Style Foundations

Accessibility

Writing Tone

Rules: Do

Rules: Don't

Expected Behavior

Guideline Authoring Workflow

Required Output Structure

Component Rule Expectations

Quality Gates

Example Constraint Language