recipe-front-design
FeaturedExecute from repository evidence through applicable UI Spec and optional ADR decisions to complete frontend Design Doc approval
Code & Development 680 stars
102 forks Updated 2 days ago MIT
Install
Quality Score: 94/100
Stars 20%
Recency 20%
Frontmatter 20%
Documentation 15%
Issue Health 10%
License 10%
Description 5%
Skill Content
**Explicit User Instruction**: The user explicitly instructs and authorizes every subagent call named in this recipe. Execute each applicable call when its prerequisites are met.
Execute Skill: documentation-criteria before document routing or creation.
Execute Skill: llm-friendly-context before writing Agent prompts, handoffs, or generated artifacts.
Execute Skill: subagents-orchestration-guide before invoking agents or resolving findings.
Before the first finding disposition, read `references/review-resolution.md` from the loaded subagents-orchestration-guide skill.
## Outcome and Ownership
Coordinate a Medium/Large frontend design from evidence to an applicable UI Spec and approved Design Doc. The orchestrator owns requirement convergence, Structural Scale, document routing, ADR qualification, evidence selection, and Review Resolution. Named specialists own semantic investigation and artifacts.
The frontend Design Doc always carries the complete implementation design. An ADR batch narrows qualifying technical choices; an applicable UI Spec owns UI structure and behavior that remain to be designed.
Requirements: $ARGUMENTS
## Flow
```text
requirement source -> codebase-analyzer -> scope/document routing confirmation [Stop]
|
conditional UI analysis -> UI Spec review [Stop]
|
optional ADR batch/review [Stop]
...
Details
- Author
- shinpr
- Repository
- shinpr/claude-code-workflows
- Created
- 11 months ago
- Last Updated
- 2 days ago
- Language
- JavaScript
- License
- MIT
Integrates with
Bundled in these plugins
Similar Skills
Semantically similar based on skill content — not just same category
AI & Automation Featured
recipe-design
Execute from codebase-scoped analysis through optional ADR decisions to complete Design Doc approval
680 Updated 2 days ago
shinpr AI & Automation Featured
recipe-front-plan
Create frontend work plan from design document and obtain plan approval
680 Updated 2 days ago
shinpr Code & Development Featured
recipe-front-review
Design Doc compliance and security validation with optional auto-fixes
680 Updated 2 days ago
shinpr