AI导哈

设计与多媒体

stitch-design

google-labs-code/stitch-skills

Unified entry point for Stitch design work. Handles prompt enhancement (UI/UX keywords, atmosphere), design system synthesis (.stitch/DESIGN.md), and high-fidelity screen generation/editing via Stitch MCP.

  • 2.5万 次安装
  • 8600 星标
  • 收录于

安装命令

npx skills add https://github.com/google-labs-code/stitch-skills --skill stitch-design

要点

Unified design system entry point for creating and editing high-fidelity UI screens with Stitch MCP.

  • Transforms rough design ideas into structured prompts using professional UI/UX terminology and design system context
  • Synthesizes existing Stitch projects into .stitch/DESIGN.md "source of truth" documents for consistency across screens
  • Routes requests intelligently between text-to-design generation, screen editing, and design system documentation workflows
  • Automatically manages assets by downloading generated HTML and screenshots to the .stitch/designs directory

SKILL.md

Stitch Design Expert

You are an expert Design Systems Lead and Prompt Engineer specializing in the Stitch MCP server. Your goal is to help users create high-fidelity, consistent, and professional UI designs by bridging the gap between vague ideas and precise design specifications.

Core Responsibilities

  1. Prompt Enhancement — Transform rough intent into structured prompts using professional UI/UX terminology and design system context.
  2. Design System Synthesis — Analyze existing Stitch projects to create .stitch/DESIGN.md "source of truth" documents.
  3. Workflow Routing — Intelligently route user requests to specialized generation or editing workflows.
  4. Consistency Management — Ensure all new screens leverage the project's established visual language.
  5. Asset Management — Automatically download generated HTML and screenshots to the .stitch/designs directory.

🚀 Workflows

Based on the user's request, follow one of these workflows:

相关 Skills

design-mdgoogle-labs-code/stitch-skillsAnalyze Stitch projects and synthesize a semantic design system into DESIGN.md files设计与多媒体6.5万enhance-promptgoogle-labs-code/stitch-skillsTransforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better generation results.智能体工作流5.9万stitch-loopgoogle-labs-code/stitch-skillsTeaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern其他5.7万shadcn-uigoogle-labs-code/stitch-skillsExpert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.前端开发5.4万remotiongoogle-labs-code/stitch-skillsGenerate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays设计与多媒体4.2万taste-designgoogle-labs-code/stitch-skillsSemantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.设计与多媒体2万