Shadcn UI Plan — Design skill for Claude Code
Prompt do wygenerowania wysokopoziomowej architektury UI w .ai/ui-plan.md.
How to install Shadcn UI Plan
Installs to ~/.claude/commands/przeprogramowani-ai-rules-builder-shadcn-ui-plan.md
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/przeprogramowani/ai-rules-builder/HEAD/.claude/commands/shadcn-ui-plan.md -o ~/.claude/commands/przeprogramowani-ai-rules-builder-shadcn-ui-plan.md Restart Claude Code, or start a new session, for it to be picked up.
What Shadcn UI Plan does
Prompt do wygenerowania wysokopoziomowej architektury UI w .ai/ui-plan.md.
Alternatives in Design
- Pack — Bundle every designlang output (DTCG tokens, Tailwind, shadcn, Figma vars, motion, anatomy, Storybook, prompts 3.6k ★
- Plannotator — Interactive plan review UI for Claude Code with visual annotation, offline sharing, and Obsidian/Bear integrat 3.3k ★
- Plan Artifact — Creates one polished, self-contained HTML artifact from a plan, PRD, roadmap, strategy, migration, rollout, re 652 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Coding Conventions
Enforces client coding conventions. Use when writing, reviewing, or modifying React/TypeScript code in the cli
Figma Generate Library
Generate Figma component library from React/shadcn codebase with Code Connect parity
Anti Slop Designer
Use when a UI looks machine-made rather than decided. Violet gradients, glassmorphism everywhere, identical ca
App Auditor Plugin Claude
Claude plugin for auditing live web apps: capture screenshots, generate demo videos, document components, extr
Claude Skill UI UX Pro Max
Claude Code skill: UI/UX design intelligence — 67 styles, 96 palettes, 57 font pairings, 25 chart types across
Frontend Design Masterclass
Frontend-design SKILL.md file for svelte 5 + shadcn/ui + bun + hono stack
Related Agents
Token Auditor
Scans ui/src/ for hardcoded visual values, duplicate components, and shadcn replacement candidates; produces d
Svelte Idiom Review
Reviews a feature segment in any SvelteKit app (apps/moderator, apps/auth, apps/creator-studio) for Svelte 5 i
Shadcn Component Researcher
Use this agent when you need to research shadcn/ui components for implementation, gather component details, ex