By cp-research
CPR Automation Design System — Layout, Color, Typography standards for internal admin/automation platforms
사내 어드민/자동화 플랫폼을 위한 Claude Code 디자인 시스템 스킬.
/plugin marketplace add CP-research/Muses
/plugin install muses
프로젝트에서 /muses 스킬이 자동으로 활성화됩니다.
UI 구현, 수정, 리뷰 요청 시 디자인 시스템 규격이 적용됩니다.
| 영역 | 내용 |
|---|---|
| Layout | 사이드바 (260px/72px), Breadcrumb, 로고+서비스명, 모바일 반응형, 버전 표기 |
| Colors | 8개 시맨틱 토큰, 상태 색상 5종, 인터랙티브 상태, 브랜드 그림자 |
| Typography | Plus Jakarta Sans, 7단계 타입 스케일, 5단계 웨이트 가이드 |
Internal use only — CP-research
Based on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimnpx claudepluginhub cp-research/muses --plugin musesConnect Claude Code to TypeUI MCP for curated design systems, UI prompts, and layout variations.
Craft polished user interfaces with layout grids, color systems, typography scales, responsive patterns, and visual hierarchy.
UI/UX design intelligence. 67 styles, 161 palettes, 57 font pairings, 25 charts, 15 stacks (React, Next.js, Vue, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Nuxt, Jetpack Compose). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
Creates comprehensive design systems with typography, colors, components, and documentation for consistent UI development. Use when establishing design standards, building component libraries, or ensuring cross-team consistency.
UI/UX design intelligence. 107 styles, 127 palettes, 107 font pairings, 106 charts, 131 reasoning rules, 129 UX guidelines, 16 stacks (React, Next.js, Vue, Nuxt.js, Svelte, Astro, Angular, Remix, SolidJS, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Nuxt UI). 8 Python scripts: BM25 search, contrast checker, palette generator, token generator, type scale calculator, design system generator, UI auditor, CLI. Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, liquid glass, cyberpunk, spatial UI, data brutalism. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient, design tokens, contrast checker.
Build, document, and maintain scalable design systems — from tokens and components to accessibility and theming.