claude

stitch-studio

Google Stitch integration — AI-powered UI design generation, token extraction, and SwiftUI/React conversion.

0 on GitHubby Kosta Milovv1.0.0Apache-2.0updated 1 month agodevelopment
/

Plugin stitch-studio from marketplace kosta-plugins in ildunari/kosta-plugins. Commands read from the repo's manifest — 1 month ago.

This plugin runs code on your machine — its hooks fire automatically on events like tool use and it starts local MCP servers. The exact commands are listed below; read them before installing.

What it installs

Skills (6)

  • stitch-brand

    This skill should be used when the user wants to bootstrap a design system from scratch using Google Stitch's Brand Kit import or Vibe Design. It generates DESIGN.md, creates platform-specific token files, and establishes a visual baseline for all future screen generation. Triggers: 'set up a design

  • stitch-convert

    This skill should be used when the user wants to convert Stitch HTML/CSS output to SwiftUI, React, or other framework code. It maps Tailwind classes and CSS properties to native framework equivalents using comprehensive mapping tables. Triggers: 'convert HTML to SwiftUI', 'translate Stitch output to

  • stitch-flow

    This skill should be used when the user wants to generate multi-screen connected UI flows using Google Stitch. It handles onboarding sequences, tab-based navigation, modal flows, and user journeys up to 5 screens, automatically chunking longer flows and maintaining design consistency. Triggers: 'des

  • stitch-generate

    This skill should be used when the user wants to generate UI screens from text descriptions using Google Stitch. It enhances prompts with project context, design tokens, and platform-specific conventions (iOS dimensions, safe areas, native controls). Triggers: 'design a screen', 'generate UI', 'crea

  • stitch-studio

    This skill should be used when the user wants to design UI screens, generate mockups, extract design tokens, convert HTML to SwiftUI/React, create multi-screen flows, or set up a design system using Google Stitch. It orchestrates all Stitch sub-skills and routes requests to the appropriate workflow.

  • stitch-tokens

    This skill should be used when the user wants to extract design tokens from DESIGN.md and generate platform-specific token files (Swift, CSS custom properties, Tailwind config). It provides bidirectional sync between Stitch design tokens and code. Triggers: 'extract tokens', 'sync design system', 'g

Subagents (3)

  • conversion-reviewer

    Review SwiftUI code generated from Stitch HTML/CSS conversion. Compares output against the original screenshot for visual accuracy, checks accessibility, and verifies design token usage. Use after stitch-convert produces SwiftUI output. <example> Context: stitch-convert just generated a SwiftUI view

  • design-explorer

    Explore design variants in parallel by generating multiple Stitch screens with different aesthetic directions. Use when the user wants to see options, compare design approaches, or explore alternatives for a screen concept. <example> Context: User is designing a new feature screen user: "Show me 3 d

  • token-mapper

    Focused design token extraction and mapping. Reads DESIGN.md and existing code tokens, detects drift, and produces platform-specific token files. Use when extracting or syncing design tokens between DESIGN.md and code. <example> Context: User has a new DESIGN.md from Stitch user: "Extract the tokens

MCP servers (1)

  • stitch

    runs: npx @_davideast/stitch-mcp proxy

Hooks (2)

  • SessionStart

    bash ${CLAUDE_PLUGIN_ROOT}/scripts/session-init.sh

  • PostToolUse

    bash ${CLAUDE_PLUGIN_ROOT}/scripts/credit-logger.sh "$TOOL_USE_NAME"

View source on GitHub

More from ildunari/kosta-plugins

All 7 plugins →

ios-craft

claude

Complete iOS development companion — guided workflows for project setup, SwiftUI, networking, testing, Metal, design systems, accessibility, CI/CD, and App Store submission. 15 skills, 6 agents, 12 commands.

18 skills · 12 commands · 6 agents · hooks

0

Compliance-grade document verification and editing. 9-step agentic loop with Claim Ledger, 13 reviewer agents, integrity gates, and 8-domain support. For grants, legal, financial, medical, and engineering documents.

5 skills · 5 commands · 16 agents · hooks

0

Research-first subagent orchestration — product scouting, forum sentiment, GitHub audits, academic discovery, QA critique.

7 skills · 8 agents · hooks

0

Hand-inked, notebook-style explainer films drawn entirely in canvas code, from any topic, dataset or source, rendered to MP4 with synthesized sound.

6 skills · 5 agents

0

Phased build orchestration with sub-agents for research, TDD, implementation, and dual code review — gated per phase. Master orchestrator plans phases, dispatches specialist agents, and enforces build/test/review gates before each commit.

1 skill · 4 agents

0

Status-line bar counting down the prompt-cache window; warns at 12 min and compacts once 10 min before it expires when the session sits idle.

0

Similar plugins

superpowers

claudecodex

Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques

15 skills · hooks

obra/superpowers 316,836

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

diagram-design

claudecodex

Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.

1 skill · 7 commands

cathrynlavery/diagram-design 66,757

context7

claudecodex

Up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your coding agent's context.

1 MCP server

upstash/context7 64,709

Build powerful, stateful CLI interfaces for any GUI application using the cli-anything harness methodology.

5 commands

HKUDS/CLI-Anything 58,665

Automates browser interactions for web testing, form filling, screenshots, and data extraction

12 skills

vercel-labs/agent-browser 50,373

Maintain stitch-studio?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins7 plugins