HTML Design Workflow

A 4-stage automated pipeline that transforms design images into production-ready HTML/Tailwind code.

Required Inputs

Create these files before running:

• files/inputs/target_image.png - The UI design image
• files/inputs/topic.txt - Topic/context description (e.g., "个人主页")

Workflow Stages

The pipeline runs sequentially - each stage depends on the previous:

Stage 1: PRD Architect

• Input: target_image.png + topic.txt
• Output: files/workspace/1_prd_draft.md
• Full prompt: references/agent1-prd-architect.md