stitch-design

Generate UI design screens from PRD and design-spec via Google Stitch MCP.

4|1|Updated Apr 6, 2026
One-click install
npx skills add https://github.com/poz110/claude-harness --skill stitch-design-poz110
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: stitch-design
Source: https://github.com/poz110/claude-harness/tree/main/plugins/claude-harness/skills/stitch-design
Command: npx skills add https://github.com/poz110/claude-harness --skill stitch-design-poz110

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires stitch-mcp, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the generation of real UI design screens using Google Stitch MCP, streamlining the design process and ensuring all pages are covered without missing any details.

Core Features & Use Cases

  • Automated Design Generation: Generates complete UI design screens from PRD and design-spec, leveraging Stitch MCP for output verification.
  • Page Inventory Confirmation: Confirms page inventory upfront, ensuring no pages are silently skipped or degraded.
  • Prompt Precision: Ensures each prompt includes all necessary features and context for accurate design generation.
  • Mobile and Desktop Support: Generates designs for both desktop and mobile versions of each page.
  • Error Handling and Reporting: Provides clear error messages and reports for any issues encountered during the design generation process.

Quick Start

Use the stitch-design skill to generate UI design screens for a blog system with Markdown editing and tag categorization features.

Frequently Asked Questions about stitch-design

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

FAQPage Schema
How do I automate UI design screen generation from a PRD?

To automate UI design screen generation from a PRD, this Skill uses Google Stitch MCP to process design specs, confirm page inventory, and output complete desktop and mobile interfaces. It structures prompt engineering tasks to ensure no pages are skipped.

What is needed to generate mobile design screens with Google Stitch MCP?

Generating mobile design screens with Google Stitch MCP requires Stitch MCP API access and configuration. The Skill handles prompt precision and error reporting to verify output for both mobile and desktop versions.

How does automated design generation handle missing pages or errors?

Automated design generation handles missing pages by confirming the page inventory upfront before execution. It provides clear error messages and reports for any issues encountered during the UI design generation process.

Can I generate both desktop and mobile UI versions from a single design spec?

Yes, you can generate both desktop and mobile UI versions from a single design spec. The Skill processes the PRD to produce complete UI design screens for both platforms while ensuring all necessary features and context are included in each prompt.

Does prompt precision affect UI design output verification?

Prompt precision directly affects UI design output verification by ensuring each prompt includes all necessary features and context. This approach allows Google Stitch MCP to generate accurate design screens and handle errors effectively.