skills.rest
DatTran26
DatTran26COMMUNITY
Explore all skills by this author →
GitHub

ck:stitch

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

Updated Apr 9, 2026
Search Tags:#handoff#tailwind#ui-design#design-to-code#stitch#design-generation
One-click install
npx skills add https://github.com/DatTran26/KienTruThiHanh --skill ck-stitch-dattran26
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:stitch
Source: https://github.com/DatTran26/KienTruThiHanh/tree/main/.agents/skills/stitch
Command: npx skills add https://github.com/DatTran26/KienTruThiHanh --skill ck-stitch-dattran26

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

AI-driven UI design generation from text prompts and export-ready artifacts, enabling rapid prototyping and design-to-code workflows.

Core Features & Use Cases

  • Generate UI designs from natural language prompts and export Tailwind/HTML and DESIGN.md for handoff.
  • Orchestrate the design-to-code pipeline by feeding DESIGN.md to implementation skills such as ck:frontend-design or ck:ui-ux-pro-max.
  • Manage a Google Stitch workflow with quota awareness and project organization for design teams.

Quick Start

Prompt Stitch with a UI description to generate a design and export HTML/Tailwind and DESIGN.md for handoff.

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 natural language prompts?▼

To generate UI designs from natural language prompts, the system processes your text description to create production-ready design artifacts. This enables rapid prototyping and design exploration for web dashboards and product pages.

Can I export Tailwind and HTML for design-to-code handoff?▼

Yes, you can export Tailwind and HTML for design-to-code handoff. The workflow generates export-ready artifacts including HTML, Tailwind code, and a DESIGN.md file, facilitating seamless integration into implementation pipelines for developers.

Do I need Google Stitch to convert prompts into web dashboards?▼

Yes, you need Google Stitch integration to convert prompts into web dashboards. The system requires the Stitch SDK to orchestrate the design-to-code pipeline, manage quota awareness, and organize projects for design teams.

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

The best way to orchestrate a design-to-code pipeline is to feed the generated DESIGN.md file to implementation skills like ck:frontend-design or ck:ui-ux-pro-max. This workflow bridges the gap between UI design generation and final code implementation.

Does this workflow support rapid prototyping for product pages?▼

Yes, this workflow supports rapid prototyping for product pages. It applies natural language UI generation to quickly visualize and iterate on product page layouts before committing to full development, streamlining the design exploration phase.

Related Skills

Explore More Design & Creative Skills→
hidonguyenhidonguyen

ck:stitch

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

Community
Advanced
j-showj-show

designer

Orchestrate design specifications, visual previews, and accessible UI code for web applications.

Official
Advanced
JStaRFilmsJStaRFilms
3

stitch

Orchestrate Stitch design-to-code pipelines converting design artifacts into HTML, React components, and videos.

Community
Advanced
lengo0951lengo0951

ck:stitch

Generate UI designs from text prompts using Google Stitch.

Community
Advanced