원클릭으로
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use when building web components or pages.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
메뉴
Create distinctive, production-grade frontend interfaces with high design quality. Use when building web components or pages.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Browser automation for AI agents. Use when agents need to navigate pages, fill forms, take screenshots, or verify UI.
Build applications where agents are first-class citizens. Use when designing tools, APIs, or features that agents will interact with.
Explore requirements and approaches through collaborative dialogue before planning. Use before ce-plan for new features.
Document solved problems to compound team knowledge. Use after completing any non-trivial feature or bug fix.
Transform feature descriptions into structured implementation plans grounded in repo patterns and research. Use when starting any non-trivial work.
Structured multi-agent code review with tiered personas, confidence-gated findings, and merge/dedup pipeline. Use during the Review phase.
| name | frontend-design |
| description | Create distinctive, production-grade frontend interfaces with high design quality. Use when building web components or pages. |
| slug | frontend-design |
| tags | ["design","frontend"] |
| metadata | {"sources":[{"kind":"github-dir","repo":"EveryInc/compound-engineering-plugin","path":"plugins/compound-engineering/skills/frontend-design","commit":"main","url":"https://github.com/EveryInc/compound-engineering-plugin"}]} |
Referenced from compound-engineering plugin. Generates creative, polished frontend code that avoids generic AI aesthetics.