stitch-design

Converts vague UI ideas into precise Stitch prompts and maintains .stitch/DESIGN.md consistency.

Updated Apr 24, 2026
One-click install
npx skills add https://github.com/Aurora-AI/Elysiancorpfront --skill stitch-design-aurora-ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: stitch-design
Source: https://github.com/Aurora-AI/Elysiancorpfront/tree/main/.aurora/skills/stitch-design
Command: npx skills add https://github.com/Aurora-AI/Elysiancorpfront --skill stitch-design-aurora-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Stitch-design enables teams to transform vague design ideas into precise Stitch prompts and maintain a centralized design system descriptor (.stitch/DESIGN.md) to ensure cross-screen consistency.

Core Features & Use Cases

  • Prompt Enhancement: translates rough design intents into polished prompts with design-system context and terminology.
  • Design System Synthesis: analyzes Stitch projects to produce and maintain a .stitch/DESIGN.md as the single source of truth for tokens, typography, color, and components.
  • Workflow Routing: intelligently routes requests to text-to-design, edit, or design-md generation workflows.
  • Asset Management: downloads and stores generated HTML and screenshots in the .stitch/designs folder for versioning and review.
  • Consistency Enforcement: ensures new screens align with the project's established visual language and tokens.

Quick Start

Provide a brief design brief describing the target page, audience, and required tokens, and Stitch will generate a high-fidelity screen and update the DESIGN.md accordingly.

Frequently Asked Questions about stitch-design

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

FAQPage Schema
How do I maintain UI design consistency across multiple screens?

To maintain UI design consistency across multiple screens, use a centralized design system descriptor file. This serves as the single source of truth for tokens, typography, and color, enforcing alignment across your project's established visual language.

What is the best way to turn vague UI ideas into precise design prompts?

Turning vague UI ideas into precise design prompts requires prompt enhancement. This process translates rough design intents into polished prompts by injecting established design-system context and terminology into the request.

How do I generate a design system from existing UI components?

Generating a design system from existing UI components involves design system synthesis. This process analyzes your current project to produce and maintain a centralized markdown file detailing tokens, typography, color, and components.

Can I automatically store generated HTML and screenshots for versioning?

Automatically storing generated HTML and screenshots for versioning is supported through asset management. The workflow downloads and saves these generated files into a dedicated designs folder for review and tracking.

Does prompt engineering work with text-to-design workflows for mobile pages?

Prompt engineering works effectively with text-to-design workflows for mobile pages. Intelligent workflow routing automatically directs your requests to the appropriate text-to-design or edit generation workflows based on your input.

What do I need to provide to generate a high-fidelity UI screen?

To generate a high-fidelity UI screen, you need to provide a brief design brief describing the target page, audience, and required tokens. This input enables the system to produce the screen and update the design system descriptor accordingly.