skills.rest
stericishere
stericishereCOMMUNITY
Explore all skills by this author →
GitHub

(workflow) phase-2-design

Generate frontend design prompts and architecture proposals from PRDs.

1|Updated Mar 20, 2026
Search Tags:#architecture#documentation#adr#engineering-review#design-prompt#phase-2
One-click install
npx skills add https://github.com/stericishere/skills --skill workflow-phase-2-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: (workflow) phase-2-design
Source: https://github.com/stericishere/skills/tree/main/%28workflow%29%20phase-2-design
Command: npx skills add https://github.com/stericishere/skills --skill workflow-phase-2-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Phase 2 design often bottlenecks on prompt generation for design prompts and robust architecture evaluation. This Skill organizes the frontend design prompt creation, architecture exploration, and ADR workflow into a repeatable Phase 2 process.

Core Features & Use Cases

  • Generates a detailed design prompt for external design tools from PRD and constraints.
  • Proposes multiple architecture options and a critique process using judge-with-debate.
  • Produces ADRs and phase journals to lock decisions and guide Phase 3 build.
  • Supports traceability to upstream ideation and phase-ownership for design governance.

Quick Start

Provide Phase 2 design inputs to generate a design prompt and architecture plan ready for review.

Frequently Asked Questions about (workflow) phase-2-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a design prompt for frontend architecture from a PRD?▼

To generate a frontend design prompt from a PRD, provide your product requirements and constraints to the workflow. It produces a detailed design prompt document for external tools and saves it under docs/design.

How does architecture review work in a Phase 2 design workflow?▼

Architecture review in a Phase 2 design workflow uses a judge-with-debate critique process to evaluate multiple proposed architecture options. It then locks decisions by generating Architecture Decision Records and phase journals.

What is the best way to document architecture decisions for frontend systems?▼

Documenting architecture decisions for frontend systems is best handled by generating Architecture Decision Records (ADRs) and phase journals. This ensures traceability to upstream ideation and provides governance for the build phase.

Can I automate multiple architecture proposal generation for frontend design?▼

Yes, you can automate multiple architecture proposal generation for frontend design. The workflow automatically produces 2-3 architecture options and evaluates them using a critique process before finalizing the design.

Do I need a PRD to start the Phase 2 frontend design workflow?▼

Yes, a PRD is required to start the Phase 2 frontend design workflow. The workflow applies to PRDs guiding frontend systems to generate the design prompt and architecture proposals needed for gated reviews.

Related Skills

Explore More Software Engineering Skills→
babywormbabyworm
43

p2-arch-design-policy

Define Phase 2 architecture review criteria and hardware candidate evaluation methodology.

Community
Advanced
shaul1991shaul1991

03-architecture

Codify Phase 3 architecture processes with governance workflows and design artifacts.

Community
Advanced
InNoobWeTrustInNoobWeTrust
4

ai-ui-generation

Automates AI-generated UI integration into React/Next.js codebases with design constraints and QA checklists.

Community
Advanced
sparkfabriksparkfabrik
3

adr-creator

Creates Architecture Decision Records using adr-tools or manual templates.

Official
Advanced