메뉴
Create distinctive, production-grade frontend interfaces. Use when building web components, pages, dashboards, React components, HTML/CSS layouts, or styling any web UI. Generates creative, polished code that avoids generic AI aesthetics.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Commit code changes with well-structured messages following Conventional Commits. Use when ready to commit after implementation or bug fix.
Review code for quality, bugs, security, and improvements. Use when self-reviewing before commit, reviewing PRs, or debugging issues.
Create design documents for features or systems. Use when architecture planning, API design, or technical decisions are needed before implementation.
Record lessons learned and experiences for future reference. Use after solving bugs, discovering patterns, making decisions, or completing complex features.
Create structured requirement documents from user ideas. Use when capturing new features, tasks, or user stories that need documentation in requirement/INDEX.md.
Guide for creating effective skills. Use when creating a new skill or updating an existing skill that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
| name | frontend-design |
| description | Create distinctive, production-grade frontend interfaces. Use when building web components, pages, dashboards, React components, HTML/CSS layouts, or styling any web UI. Generates creative, polished code that avoids generic AI aesthetics. |
Create distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics.
Before coding, commit to a BOLD aesthetic direction:
| Aspect | Questions |
|---|---|
| Purpose | What problem does this solve? Who uses it? |
| Tone | Minimal? Maximalist? Retro? Luxury? Playful? |
| Differentiation | What makes this UNFORGETTABLE? |
❌ Generic fonts (Inter, Roboto, Arial, system fonts) ❌ Cliched purple gradients on white ❌ Cookie-cutter layouts ❌ Same design across generations
Match complexity to vision:
Remember: Claude is capable of extraordinary creative work. Commit fully to a distinctive vision.
