skills.rest
Thanh-apero
Thanh-aperoCOMMUNITY
Explore all skills by this author →
GitHub

ck:stitch

Generate UI designs from text prompts and export as Tailwind, HTML, or DESIGN.md.

1|1|Updated Jan 15, 2026
Search Tags:#tailwind css#ui design#ai design#html export#text-to-ui
One-click install
npx skills add https://github.com/Thanh-apero/apero-kit-cli --skill ck-stitch-thanh-apero
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:stitch
Source: https://github.com/Thanh-apero/apero-kit-cli/tree/main/.claude/skills/stitch
Command: npx skills add https://github.com/Thanh-apero/apero-kit-cli --skill ck-stitch-thanh-apero

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill solves the problem of manually designing UIs by automating the process with AI. It allows users to generate high-fidelity UI designs from text prompts and export them in various formats.

Core Features & Use Cases

  • Text-to-UI Design: Generate UI designs from text prompts.
  • Format Export: Export designs as Tailwind CSS, HTML, or DESIGN.md.
  • Design-to-Code Pipeline: Orchestrate the design-to-code process with existing UI skills.
  • Use Case: A designer needs a checkout page UI. They can input a text prompt, and the Skill will generate the design, which can then be exported and used for further development.

Quick Start

Generate a UI 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 UI designs from text prompts?▼

You can generate high-fidelity UI designs from text prompts by providing a descriptive input, such as a checkout page layout, which the AI processes to produce the visual design. This automates manual UI creation for rapid prototyping and design exploration.

Can I export AI-generated UI designs to Tailwind CSS and HTML?▼

Yes, you can export AI-generated UI designs to Tailwind CSS and HTML formats. The design generation process also supports exporting as a DESIGN.md file, allowing you to easily integrate the generated interfaces into your development pipeline.

Do I need the Google Stitch SDK to generate text-to-ui designs?▼

Yes, you need the Google Stitch SDK and local environment setup to generate text-to-ui designs. The Skill requires this specific dependency to orchestrate the design-to-code pipeline and produce high-fidelity interface outputs.

What is the best way to automate rapid prototyping for a checkout page UI?▼

The best way to automate rapid prototyping for a checkout page UI is using AI-powered text-to-ui design generation. By inputting a prompt for a checkout page with payment forms, the tool generates high-fidelity designs and exports them as HTML or Tailwind CSS for development.

Does the design-to-code pipeline orchestrate exports with existing UI skills?▼

Yes, the design-to-code pipeline orchestrates exports with existing UI skills. After generating your interface from a text prompt, you can export the output as Tailwind CSS, HTML, or DESIGN.md to seamlessly integrate with your current development workflow.

Related Skills

Explore More Design & Creative Skills→
lengo0951lengo0951

ck:stitch

Generate UI designs from text prompts using Google Stitch.

Community
Advanced
elab-developmentelab-development

tailwindcss-development

Automate web interface styling with Tailwind CSS v4 utilities.

Official
Intermediate
sadie100sadie100

front-execute

Automate front-end development by parsing documentation, implementing changes, validating UI, and reviewing code.

Community
Advanced
taewook486taewook486

moai-platform-stitch

Generate UI designs from text and export HTML/CSS/JS code via Google Stitch MCP.

Community
Advanced