stitch-design

High-fidelity screen generation transforms a single-sentence design goal into structured prompts and outputs HTML assets. It automatically fetches and stores the generated HTML and screenshots in your local project directory.

Design system synthesis generates and maintains a centralized source of truth for tokens, colors, and typography. This ensures consistent UI across web and mobile projects by managing design-system-aware tasks.

Yes, you need a valid projectId to generate and edit UI screens. The workflow uses this identifier to route tasks to the appropriate design workflows and manage your project assets.

The workflow reads existing design system files when available to maintain context. It uses your established tokens and typography to ensure newly generated screens remain consistent with your current UI.

Generated HTML and screenshots are written directly to the .stitch/designs directory. This automated asset management fetches and stores files locally after the workflow routes your design task.

Yes, you can automate screen editing for web and mobile projects through workflow routing. It supports high-fidelity screen generation and editing by converting your design ideas into actionable tasks.