skills.rest
hotriluan
hotriluanCOMMUNITY
Explore all skills by this author →
GitHub

ck:stitch

Generate UI designs from natural language prompts and export Tailwind/HTML with DESIGN.md.

1|Updated Mar 5, 2026
Search Tags:#tailwind#ui-design#stitch#html-export#design-generation#design-pipeline
One-click install
npx skills add https://github.com/hotriluan/alkana_web --skill ck-stitch
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:stitch
Source: https://github.com/hotriluan/alkana_web/tree/main/.opencode/skills/stitch
Command: npx skills add https://github.com/hotriluan/alkana_web --skill ck-stitch

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Google Stitch enables rapid UI design generation from text prompts and exports Tailwind/HTML and DESIGN.md to speed prototyping and designer handoff across teams.

Core Features & Use Cases

  • Generate high-fidelity UI designs from natural language prompts.
  • Export HTML/Tailwind, DESIGN.md, and screen previews, enabling seamless design-to-code handoff.
  • Orchestrate design-to-code pipelines and hand off artifacts to implementation skills via DESIGN.md in a scalable workflow.

Quick Start

Prompt Stitch to generate a UI design and export the HTML/Tailwind and DESIGN.md for implementation.

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 frontend teams?▼

To generate UI designs from text prompts, use Stitch to create high-fidelity layouts and export Tailwind/HTML alongside a DESIGN.md file for seamless design-to-code handoff.

Can I export Tailwind HTML and design documentation for prototyping?▼

Yes, you can export Tailwind HTML, screen previews, and DESIGN.md files to speed up prototyping and enable seamless design-to-code workflows across teams.

Do I need an API key to generate HTML and Tailwind from natural language?▼

Yes, you need a STITCH_API_KEY to generate HTML and Tailwind from natural language prompts. The tool also supports MCP integration and manages usage quotas.

What is the best way to orchestrate a design-to-code pipeline for generated UIs?▼

The best way to orchestrate a design-to-code pipeline is to generate UI designs, export the artifacts, and hand off the DESIGN.md to downstream implementation skills for scalable workflows.

Does Stitch work with MCP integration for design generation workflows?▼

Yes, Stitch supports MCP integration for design generation workflows, allowing you to generate UI designs from prompts and manage quotas within your existing pipeline.

What are the limitations when exporting HTML and Tailwind for design handoff?▼

Limitations include quota restrictions managed via links to downstream implementation skills, requiring a valid STITCH_API_KEY for continuous HTML and Tailwind design generation and export.

Related Skills

Explore More Design & Creative Skills→
hidonguyenhidonguyen

ck:stitch

Generate Tailwind HTML and DESIGN.md from natural language UI prompts.

Community
Advanced
Cissou34730Cissou34730

web-artifacts-builder

Bundle React, Tailwind, and shadcn/ui artifacts into single HTML files.

Community
Advanced
Createya-aiCreateya-ai
4

createya-batch

Automate batch creation of images or videos with concurrency management.

Official
Intermediate
lengo0951lengo0951

ck:stitch

Generate UI designs from text prompts using Google Stitch.

Community
Advanced