stitch-design

Enhance UI prompts and generate design-system-aligned screens with tokenized assets.

Updated Apr 13, 2026
One-click install
npx skills add https://github.com/DanielV-94/rg-medium --skill stitch-design-danielv-94
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch-design
Source: https://github.com/DanielV-94/rg-medium/tree/main/.agents/skills/stitch-design
Command: npx skills add https://github.com/DanielV-94/rg-medium --skill stitch-design-danielv-94

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Stitch design tasks require bridging vague product ideas to concrete, design-system-aligned screens; this Skill provides a unified entry point to streamline prompt engineering, system synthesis, and automated design generation.

Core Features & Use Cases

  • Prompt Enhancement: transforms rough requests into professional UI/UX prompts with design-system context.
  • Design System Synthesis: creates and maintains a .stitch/DESIGN.md source of truth across projects.
  • Workflow Routing & Asset Management: selects appropriate generation/edit workflows and downloads HTML/screenshots to .stitch/designs for easy hand-off.
  • Use Cases: teams delivering consistent dashboards, marketing pages, and component libraries with minimal friction.

Quick Start

Provide a high-level design prompt describing your page to Stitch to generate a new screen aligned with the project design language.

Frequently Asked Questions about stitch-design

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

FAQPage Schema
How do I generate consistent UI designs from vague product ideas?▼

To generate consistent UI designs from vague ideas, this skill transforms rough requests into professional UI/UX prompts by integrating design-system context, ensuring high-fidelity output through automated prompt enhancement.

What is a design system synthesis workflow for UI prompt enhancement?▼

Design system synthesis for UI prompt enhancement involves creating a .stitch/DESIGN.md source of truth, ensuring generated screens align with project tokens and design language for consistent UI across teams.

Can I automate asset downloads for generated UI screens?▼

Yes, you can automate asset downloads for generated UI screens. The workflow selects appropriate generation routines and automatically downloads HTML and screenshots to the .stitch/designs directory for seamless hand-off.

Does this prompt enhancement approach work for component libraries and dashboards?▼

Yes, this prompt enhancement approach works for component libraries and dashboards by enforcing a frontmatter-driven workflow that applies design-system tokens to deliver consistent marketing pages and dashboards with minimal friction.

Why do my Stitch UI prompts lack design-system alignment across projects?▼

Your Stitch UI prompts lack design-system alignment because they miss tokenization and a centralized source of truth. This skill solves that by synthesizing a .stitch/DESIGN.md file to enforce design consistency across projects.

What inputs do I need to start generating design-system-aligned screens?▼

To start generating design-system-aligned screens, you need to provide a high-level design prompt describing your page. The skill then applies frontmatter-driven inputs and tokens to generate the aligned screen.