菜单
Create distinctive, production-grade frontend interfaces with high design quality.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Break a plan, spec, or PRD into independently-grabbable issues on the project issue tracker using tracer-bullet vertical slices. Use when user wants to convert a plan into issues, create implementation tickets, or break down work into issues.
Turn the current conversation context into a PRD and publish it to the project issue tracker. Use when user wants to create a PRD from the current context.
PostgreSQL specialist for query optimization, schema design, security, and performance.
Basic security review for common vulnerabilities.
TypeScript-specific code review for type safety and modern patterns.
Create distinctive, production-grade frontend interfaces with high design quality.
| name | frontend-design |
| description | Create distinctive, production-grade frontend interfaces with high design quality. |
Trigger: "component", "page", "UI", "frontend", "React", "Vue", "CSS", "design"
Purpose: Create distinctive, production-grade frontend interfaces with high design quality.
Auto-invoked when Builder works on frontend components, pages, or UI features.
Understand and commit to a BOLD aesthetic:
