authoring-stitch-prompts

Generate Google Stitch-ready UI prompts from natural-language descriptions or spec briefs.

21|4|Updated Oct 24, 2025
One-click install
npx skills add https://github.com/joaquimscosta/arkhe-claude-plugins --skill authoring-stitch-prompts
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: authoring-stitch-prompts
Source: https://github.com/joaquimscosta/arkhe-claude-plugins/tree/main/google-stitch/skills/authoring-stitch-prompts
Command: npx skills add https://github.com/joaquimscosta/arkhe-claude-plugins --skill authoring-stitch-prompts

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill converts natural-language or spec briefs into concise Stitch prompts, enabling rapid, consistent UI generation without needing manual prompt crafting.

Core Features & Use Cases

  • Atomic prompts: Produces focused, single-screen prompts for Stitch.
  • Layout-first approach: Creates a layout foundation when multiple screens are described.
  • Style guidance: Encodes 3–6 style cues to steer visual design.
  • Use Case: Convert a brief like "Dashboard with a left sidebar and KPI cards" into ready-to-paste Stitch prompts.

Quick Start

Use this Skill to rewrite complex briefs into Stitch-ready prompts. Example: "Design a dashboard with a left sidebar and KPI cards" -> generates a prompt you can paste into Stitch.

Frequently Asked Questions about authoring-stitch-prompts

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

FAQPage Schema
How do I convert a design brief into a Stitch prompt?▼

Convert design briefs into Stitch prompts by structuring natural-language descriptions into concise directives with 3–6 style cues, layout-focused guidance, and component specifications. The Skill transforms briefs like 'Dashboard with left sidebar and KPI cards' into ready-to-paste prompts organized by feature and versioned for iterative refinement.

What's the best way to generate UI prompts from specifications?▼

Generate UI prompts by applying layout-first structure with atomic, single-screen prompts paired with style guidance. This approach enforces best practices: concise directives, limited scope (6 prompts per feature), and organized exports into versioned directories with wireframes and supporting references for consistent design output.

Can I use this Skill to handle multi-screen design briefs?▼

Yes. The Skill creates a layout foundation when multiple screens are described, then produces atomic prompts for each screen. Results are organized into versioned .google-stitch/{feature}/prompt-v{version}.md with exports and wireframes subfolders, supporting both single-screen and multi-screen design workflows.

How do I refine Stitch prompts after initial generation?▼

Refine prompts by applying spec-to-prompt transformations that encode updated style cues, layout adjustments, and component requirements. The Skill maintains versioned prompt files, allowing iterative refinement while enforcing consistency through standardized structure and the 6-prompt-per-feature limit.

What information should I include in a design brief for prompt generation?▼

Include layout structure, visual style preferences, component types, spacing and typography guidance, and interaction details. The Skill extracts these into 3–6 focused style cues and layout-first directives, producing export-ready outputs that comply with Stitch best practices and are immediately usable in the design tool.

Related Skills