ワンクリックで
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.