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