gabelul

Stitch Kit — Design agent for Claude Code

Design community

Use this agent for anything Stitch-related: ideating designs through conversation, generating UI screens from text, editing/iterating designs, generating design variants, managing Stitch Design System.

How to install Stitch Kit

Installs to ~/.claude/agents/gabelul-stitch-kit-stitch-kit.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/gabelul/stitch-kit/HEAD/agents/stitch-kit.md -o ~/.claude/agents/gabelul-stitch-kit-stitch-kit.md

Restart Claude Code, or start a new session, for it to be picked up.

What Stitch Kit does


name: stitch-kit description: "Use this agent for anything Stitch-related: ideating designs through conversation, generating UI screens from text, editing/iterating designs, generating design variants, managing Stitch Design Systems, converting designs to production code, extracting design tokens, and running the full design-to-ship pipeline. Examples: (1) Generate a UI from a description or PRD using Stitch MCP; (2) Ideate a design — brainstorm, research trends, explore directions, produce

Alternatives in Design

  • Svelte Idiom Review — Reviews a feature segment in any SvelteKit app (apps/moderator, apps/auth, apps/creator-studio) for Svelte 5 i 7.2k ★
  • Frame Describer — Describes video frames as detailed text 1.3k ★
  • Clean Code — Clean code principles reference 538 ★

Full documentation available on GitHub

View Source Repository