skills.rest
EdgeHunt
EdgeHuntOFFICIAL
Explore all skills by this author →
GitHub

ck:stitch

Generate UI designs from text prompts and export HTML/Tailwind and DESIGN.md.

Updated Apr 2, 2026
Search Tags:#design#ui#ai#prototyping#pipeline#tailwind#export
One-click install
npx skills add https://github.com/EdgeHunt/EdgeHunt --skill ck-stitch-edgehunt
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:stitch
Source: https://github.com/EdgeHunt/EdgeHunt/tree/main/.claude/skills/stitch
Command: npx skills add https://github.com/EdgeHunt/EdgeHunt --skill ck-stitch-edgehunt

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @google/stitch-sdk, and includes scripts (resource) and references (resource) components.

What problem does it solve?

AI-powered UI design generation from text prompts, plus export-ready artifacts, accelerating prototyping and design exploration.

Core Features & Use Cases

  • Generate high-fidelity UI designs from natural language prompts.
  • Export HTML/Tailwind, DESIGN.md, and orchestrate design-to-code pipelines.
  • Manage quotas and provide variants to explore design options.
  • Ideal for rapid prototyping, design exploration, and handoff to frontend teams.

Quick Start

Provide a design prompt to generate a UI design and export HTML and DESIGN.md.

Frequently Asked Questions about ck:stitch

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

FAQPage Schema
How do I generate UI designs from text prompts for rapid prototyping?▼

AI design generation creates high-fidelity UI designs directly from natural language text prompts, accelerating rapid prototyping and design exploration without manual frontend coding. You provide a prompt to generate the UI.

Can I export Tailwind CSS and HTML from an AI-generated UI design?▼

Yes, AI-generated UI designs support exporting ready-to-use HTML and Tailwind CSS files, alongside a DESIGN.md document, to streamline the design-to-code pipeline and facilitate rapid handoff to frontend development teams.

Do I need a Stitch API key to automate the design-to-code pipeline?▼

Yes, automating the design-to-code pipeline requires a Stitch API key. You may also need optional MCP setup to properly configure the environment before using scripts to generate, export, and track your design quota.

What is the best way to explore multiple UI design options during prototyping?▼

The best way to explore UI design options is by generating variants from your text prompts. This AI design approach provides multiple high-fidelity outputs to compare, ensuring you can rapidly iterate and select the optimal layout.

How does AI design generation handle quota tracking for exported artifacts?▼

AI design generation uses internal scripts to manage quotas and track usage while generating UI designs. This ensures you can monitor your export limits for HTML, Tailwind, and DESIGN.md artifacts during rapid prototyping sessions.

Related Skills

Explore More Design & Creative Skills→
v1nizxv1nizx

stitch::upload-to-stitch

Upload images, HTML, and Markdown files to Stitch projects via HTTP.

Community
Intermediate
DatTran26DatTran26

ck:stitch

Convert natural-language UI prompts into HTML/Tailwind and DESIGN.md artifacts via Google Stitch.

Community
Advanced
herdiansahherdiansah
23

brand-identity

Enforce brand identity guidelines for visual design, technical implementation, and copywriting.

Community
Intermediate
Aurora-AIAurora-AI
1

stitch-mcp-integration

Integrates Stitch MCP via API/CLI to generate landing pages and visual components from text prompts.

Community
Advanced