skills.rest
qapdex-maker
qapdex-makerCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

stitch::generate-design

Generate and edit design screens from text prompts or images via Stitch MCP.

Updated Jul 9, 2026
Search Tags:#design system#design automation#stitch mcp#text-to-design#screen editing
One-click install
npx skills add https://github.com/qapdex-maker/stitch-skills-collection --skill stitch-generate-design-qapdex-maker
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch::generate-design
Source: https://github.com/qapdex-maker/stitch-skills-collection/tree/main/plugins/stitch-design/skills/generate-design
Command: npx skills add https://github.com/qapdex-maker/stitch-skills-collection --skill stitch-generate-design-qapdex-maker

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires stitch-mcp, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the creation of new design screens from text prompts or images, and allows for editing existing screens with prompts and design system tokens, streamlining the design process.

Core Features & Use Cases

  • Text-to-Design: Generate new screens from text descriptions or images.
  • Screen Editing: Edit existing screens with prompts and design system tokens.
  • Design Variants: Generate design variants using Stitch MCP.
  • Use Case: For a project manager, quickly create a new dashboard design based on a text description or modify an existing design with specific adjustments.

Quick Start

Generate a new design screen for a project dashboard using the 'Create Dashboard' prompt.

Frequently Asked Questions about stitch::generate-design

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

FAQPage Schema
How do I automate design creation from text prompts?▼

Yes, you can edit existing design screens by applying text prompts alongside design system tokens. This allows you to make specific adjustments and modify current project interfaces using automated text-driven commands.

Do I need the Stitch MCP server to generate design screens?▼

Yes, you need the Stitch MCP server configured and running to generate design screens. This dependency provides the necessary platform for design system management and project integration required for the automation process.

Can I generate design variants using design automation?▼

Design automation platforms like Stitch MCP streamline screen generation and modification, whereas category-level alternatives may require manual layout adjustments. This approach distinguishes itself by integrating text-to-design automation directly into your project workflow.

What are the limitations of text-to-design automation?▼

Text-to-design automation limitations depend on the configured Stitch MCP server environment and the specificity of your design system tokens. Complex or highly customized screen editing might require precise prompt engineering to achieve the desired design output.

Related Skills

Explore More Design & Creative Skills→
whimzyLivewhimzyLive
3

design-md

Generate DESIGN.md files by analyzing project screens and design assets.

Community
Intermediate
phoenicisfphoenicisf

figma-implement-design

Translate Figma designs into production-ready UI code.

Community
Advanced
bdarcusbdarcus
1

design-md

Synthesize a semantic DESIGN.md from Stitch project assets.

Community
Advanced
krzemienskikrzemienski
2

stitch-integration

Generate reference design screens from text prompts and persist project metadata to stitch.json.

Community
Intermediate