skills.rest
auxi-wardrobe
auxi-wardrobeOFFICIAL
Explore all skills by this author →
GitHub

ck:stitch

Generate UI designs from text prompts using Google Stitch and export as HTML, Tailwind CSS, and DESIGN.md.

1|Updated May 4, 2026
Search Tags:#html#prototyping#tailwind#stitch#ui generation
One-click install
npx skills add https://github.com/auxi-wardrobe/auxi-all-in --skill ck-stitch-auxi-wardrobe
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:stitch
Source: https://github.com/auxi-wardrobe/auxi-all-in/tree/main/.agents/skills/stitch
Command: npx skills add https://github.com/auxi-wardrobe/auxi-all-in --skill ck-stitch-auxi-wardrobe

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the challenge of manually designing UIs and converting them into code, providing a streamlined process for rapid prototyping and UI generation.

Core Features & Use Cases

  • Text-to-UI: Generate high-fidelity UI designs from text prompts.
  • Export Formats: Export designs as HTML, Tailwind CSS, and DESIGN.md.
  • Design-to-Code Pipeline: Automate the design-to-code process for seamless integration with implementation skills.
  • Use Case: Quickly create a checkout page design from a text description, export it as HTML, and use it in your web application.

Quick Start

Generate a design for a "checkout page with payment form and cart summary" using the stitch skill.

Frequently Asked Questions about ck:stitch

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

FAQPage Schema
How do I generate HTML and Tailwind CSS from a text prompt for UI prototyping?▼

Generate UI designs from text prompts using Google Stitch to export HTML, Tailwind CSS, and DESIGN.md files for rapid prototyping. This automates the design-to-code workflow for immediate web application integration.

What is text-to-UI generation and how does it work with Tailwind CSS?▼

Text-to-UI generation converts text descriptions into high-fidelity designs. Using Google Stitch, it outputs production-ready HTML and Tailwind CSS code to streamline design-to-code pipelines without manual coding.

Do I need Stitch API access to generate UI designs from text?▼

Yes, you need Stitch API access and configuration to generate UI designs. The Skill requires this external dependency to process text prompts and export the resulting design files.

Can I use this for rapid UI prototyping and design-to-code workflows?▼

Yes, this Skill is intended for rapid UI prototyping and design-to-code workflows. It streamlines creating pages like a checkout form by generating HTML and Tailwind CSS directly from text descriptions.

What export formats are supported when generating UI from text descriptions?▼

The tool exports generated UI designs as HTML, Tailwind CSS, and DESIGN.md files. These formats ensure seamless integration with implementation skills and web applications.

Does this Skill work with existing web application design-to-code pipelines?▼

The Skill automates the design-to-code process for seamless integration with implementation workflows. It exports HTML and Tailwind CSS, allowing direct use within web applications.

Related Skills

Explore More Design & Creative Skills→
lengo0951lengo0951

ck:stitch

Generate UI designs from text prompts using Google Stitch.

Community
Advanced
ChenYCLChenYCL

web-artifacts-builder

Generate HTML artifacts with React, Tailwind CSS, and shadcn/ui components.

Community
Intermediate
vobasevobase
59

react:components

Convert Stitch HTML designs into modular React components with shadcn/ui and Tailwind.

Official
Advanced
wasintohwasintoh
90

ui-first-builder

Generate Next.js 14 UI with Tailwind and shadcn/ui from descriptive prompts.

Community
Intermediate