bmad-wds-stitch-generation

Official

Elevate UI design with AI and Google Stitch from specifications and sketches

Authorlaraxot
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the challenge of designing UI elements manually and the difficulties in creating consistent, professional interfaces from scratch.

Core Features & Use Cases

  • AI-Assisted Design: Transform specifications and sketches into functional UI elements using artificial intelligence and Google's stitching service.
  • Professional Output: Achieve polished, consistent designs for web interfaces, even if the designer has limited graphic design expertise.
  • Use Case: If you need to quickly generate an interface component from a sketch, use the bmad-wds-stitch-generation skill to provide a reference image based on the specifications you define.

Quick Start

Generate an image from the design specifications "Create a blue button with white text, 30x30 px, positioned 10 px from the top-right corner."

Dependency Matrix

Required Modules

None required

Components

scripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: bmad-wds-stitch-generation
Download link: https://github.com/laraxot/laravelpizza.com/archive/main.zip#bmad-wds-stitch-generation

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.