Menu
Create distinctive, production-grade frontend interfaces with high design quality.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
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:
