What kind of UI templates are available?

The skill includes specialized templates for dashboards, marketing landing pages, mobile application screens, e-commerce storefronts, and complex multi-step forms.

Does it help with design reviews?

Yes, it automatically generates a markdown-based review document in your repository's .claude/workflow directory to track approvals, visual consistency, and technical requirements.

Can I use my own brand colors and typography?

Absolutely. The requirement-gathering step specifically asks for your existing brand assets to ensure the generated AI prompts reflect your design system's identity.

How does this skill interact with Google Stitch?

Since Google Stitch does not have a public API, this skill generates highly optimized prompts and instructions for you to use manually in the Stitch web interface, then helps you process the results.

What happens after I get the code from Stitch?

Once you provide the exported code, the skill identifies design tokens like colors and spacing, mapping them to your project's conventions to create reusable components.

Stitch UI Design Assistant

Name: Stitch UI Design Assistant
Author: nguyenthienthanh

bynguyenthienthanh

•

设计工具

Streamlines the creation of professional UI designs by generating optimized prompts for Google Stitch AI and managing the design-to-code workflow.

The Stitch Design skill empowers developers to bridge the gap between AI-driven visual design and production code within Claude Code. By leveraging specialized prompt templates for various application types—such as dashboards, mobile apps, and e-commerce sites—it ensures high-quality output from Google Stitch AI. The skill guides users through a structured requirement-gathering process, generates formal design review documentation for stakeholder approval, and provides a clear path for converting exported CSS/HTML into project-specific UI components that follow established design tokens and coding standards.

主要功能

013 GitHub stars

02Automated creation of design review documents and approval checklists

03Step-by-step workflow guidance for manual Google Stitch AI integration

04Structured requirement gathering for consistent UI/UX outcomes

05Post-export processing to map raw CSS/HTML to existing project design systems

06Optimized prompt templates for Dashboards, Landing Pages, Mobile, and E-commerce

使用场景

01Accelerating frontend development by generating layouts directly from AI-optimized prompts

02Rapidly prototyping UI concepts for stakeholder review and feedback

03Standardizing the design-to-development handoff with structured documentation

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nguyenthienthanh/aura-frog stitch-design

For use in Claude.ai and ChatGPT

Download Skill