Generate Tailwind HTML and DESIGN.md from natural language UI prompts.
npx skills add https://github.com/hidonguyen/trade-ops --skill ck-stitch-hidonguyen
Please help me install this Agent Skill. Skill: ck:stitch Source: https://github.com/hidonguyen/trade-ops/tree/main/.opencode/skills/stitch Command: npx skills add https://github.com/hidonguyen/trade-ops --skill ck-stitch-hidonguyen
Turn natural language UI requests into exportable design artifacts to eliminate manual mockup work and speed design-to-code handoffs, reducing iteration time and mismatched implementation details.
Generate a Tailwind HTML export and an agent-readable DESIGN.md for the prompt: Create a checkout page with payment form and cart summary.
High-intent search queries and answers about installing and using this skill.
To generate Tailwind HTML from natural language prompts, use this Skill with the Stitch SDK to produce high-fidelity UI screens, exporting semantic HTML and a design specification file. It requires an STITCH_API_KEY.
An agent-readable DESIGN.md is a design specification file that captures colors, typography, spacing, and components. It bridges design-to-code handoffs by allowing implementation skills to consume the file for component generation and style token extraction.
Yes, you need an STITCH_API_KEY to export UI designs to HTML because the Skill uses the @google/stitch-sdk for generation and export. This key is required for authenticating requests and managing your generation quota.
Yes, you can target specific device types when generating UI prototypes. The Skill supports optional device targeting and variant generation alongside its prompt-driven high-fidelity UI screen creation capabilities.
When Stitch API credits are exhausted during UI generation, the Skill triggers local quota tracking and a fallback path. This fallback generates text-based designs instead of failing, ensuring continuous design exploration.
To extract style tokens from a generated UI design, parse the agent-readable DESIGN.md file output by this Skill. This file captures colors, typography, spacing, and components for direct use in design-to-code pipelines.
BaoNguyen09Install Node.js and project dependencies on Windows with PowerShell.
zardusai-cyberAnalyze CSS patterns to generate design tokens, DESIGN.md, and HTML preview.
Mohamedghaly140Standardize Tailwind CSS utilities, variants, theming, and responsive design.
LuisSambranoGuide users in crafting effective Google Stitch prompts for UI generation.
