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.