๐ŸŽฏ

stitch-design-system

๐ŸŽฏSkill

from gabelul/stitch-kit

VibeIndex|
What it does
|

A set of 35 skills that give AI coding agents design intelligence by integrating with Google Stitch, enabling ideation, visual research, and prompt engineering to produce high-quality, pixel-perfect UI screens.

๐Ÿ“ฆ

Same repository

gabelul/stitch-kit(22 items)

stitch-design-system

Installation

Vibe Index InstallInstalls to .claude/skills/
npx vibeindex add gabelul/stitch-kit --skill stitch-design-system
skills.sh Installโš  Installs to .agents/skills/
npx skills add gabelul/stitch-kit --skill stitch-design-system
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/stitch-design-system/SKILL.md

SKILL.md

40Installs
-
AddedMar 26, 2026

More from this repository10

๐ŸŽฏ
stitch-react-components๐ŸŽฏSkill

A set of 35 skills that give AI coding agents design intelligence by integrating with Google Stitch for UI generation. Covers the full pipeline from ideation and visual research to multi-screen batch generation and conversion to production components in Next.js, React, Svelte, React Native, SwiftUI, or HTML.

๐ŸŽฏ
stitch-design-md๐ŸŽฏSkill

35 skills that give AI coding agents design intelligence using Google Stitch MCP. Covers the full pipeline from ideation and visual research through prompt engineering, multi-screen batch generation, design system creation, and conversion to production components in Next.js, Svelte, React, React Native, SwiftUI, or HTML.

๐ŸŽฏ
stitch-mcp-generate-screen-from-text๐ŸŽฏSkill

A set of 35 skills that give AI coding agents design intelligence via Google Stitch MCP, covering ideation, visual research, prompt engineering, multi-screen batch generation, design systems, and conversion to production components in Next.js, React, Svelte, and more.

๐ŸŽฏ
stitch-nextjs-components๐ŸŽฏSkill

A skill from stitch-kit that converts Google Stitch-generated designs into production-ready Next.js components, part of 35 skills giving AI coding agents design intelligence for ideation, visual research, and multi-framework code conversion.

๐ŸŽฏ
stitch-ideate๐ŸŽฏSkill

Part of stitch-kit, a set of 35 skills that give AI coding agents design intelligence by integrating Google Stitch for ideation, visual research, prompt engineering, multi-screen batch generation, design systems, and conversion to production components in Next.js, React, Svelte, and more.

๐ŸŽฏ
stitch-mcp-create-design-system๐ŸŽฏSkill

A design system creation skill from stitch-kit, which gives AI coding agents design intelligence through 35 skills for ideation, visual research, and prompt engineering using Google Stitch MCP.

๐ŸŽฏ
stitch-ui-design-spec-generator๐ŸŽฏSkill

A set of 35 skills that give AI coding agents design intelligence through Google Stitch MCP integration, covering the full pipeline from ideation and visual research to multi-screen generation and conversion to production components. It supports output to Next.js, Svelte, React, React Native, SwiftUI, and HTML.

๐ŸŽฏ
stitch-swiftui-components๐ŸŽฏSkill

A set of 35 skills that give AI coding agents design intelligence by integrating with Google Stitch, enabling ideation, visual research, batch screen generation, and conversion to production framework components like Next.js, React Native, and SwiftUI.

๐ŸŽฏ
stitch-react-native-components๐ŸŽฏSkill

Converts Google Stitch-generated designs into production React Native components as part of stitch-kit, a 35-skill collection that gives AI coding agents design intelligence for ideation, visual research, generation, iteration, and framework conversion.

๐ŸŽฏ
stitch-html-components๐ŸŽฏSkill

A skill from stitch-kit that converts Google Stitch-generated designs into production HTML components. The kit provides 35 skills giving AI coding agents design intelligence, covering ideation, visual research, prompt engineering, batch generation, and conversion to Next.js, Svelte, React, React Native, SwiftUI, or HTML.