agentrigs
+ submit rig
~ / rigs / gabelul / stitch-kit

gabelul/stitch-kit

Your coding agent designs terrible UI. stitch-kit wires it into Google Stitch MCP and teaches it the whole pipeline — ideation, screen generation, design systems, production components.

↗ GitHub ★ 35 apache-2.0 updated 3mo ago project Codex Claude plugin
share on X
ARCHETYPE
Skill Collector
Ten-plus skills loaded on demand. A procedural-knowledge library.
CONTEXT TAX · EVERY TURN
~4.1k tokens
Moderate · median rig: 2.3k · breakdown
GUARDRAILS
0/5
No committed guardrails · details

Copy this rig

# review before running: this installs third-party code
$ npx degit gabelul/stitch-kit/skills ./rig-stitch-kit/skills

MCP servers are added to Claude Code at local scope; env vars are shown as YOUR_… placeholders — we never store values. Files are fetched with degit into a separate folder so you can review before merging.

$ npx degit gabelul/stitch-kit/skills/stitch-a11y .claude/skills/stitch-a11y
$ npx degit gabelul/stitch-kit/skills/stitch-animate .claude/skills/stitch-animate
$ npx degit gabelul/stitch-kit/skills/stitch-design-md .claude/skills/stitch-design-md
$ npx degit gabelul/stitch-kit/skills/stitch-design-system .claude/skills/stitch-design-system
$ npx degit gabelul/stitch-kit/skills/stitch-html-components .claude/skills/stitch-html-components
$ npx degit gabelul/stitch-kit/skills/stitch-ideate .claude/skills/stitch-ideate
$ npx degit gabelul/stitch-kit/skills/stitch-loop .claude/skills/stitch-loop
$ npx degit gabelul/stitch-kit/skills/stitch-mcp-apply-design-system .claude/skills/stitch-mcp-apply-design-system
$ npx degit gabelul/stitch-kit/skills/stitch-mcp-create-design-system-from-design-md .claude/skills/stitch-mcp-create-design-system-from-design-md
$ npx degit gabelul/stitch-kit/skills/stitch-mcp-create-design-system .claude/skills/stitch-mcp-create-design-system
$ npx degit gabelul/stitch-kit/skills/stitch-mcp-create-project .claude/skills/stitch-mcp-create-project
$ npx degit gabelul/stitch-kit/skills/stitch-mcp-delete-project .claude/skills/stitch-mcp-delete-project
$ npx degit gabelul/stitch-kit/skills/stitch-mcp-edit-screens .claude/skills/stitch-mcp-edit-screens
$ npx degit gabelul/stitch-kit/skills/stitch-mcp-generate-screen-from-text .claude/skills/stitch-mcp-generate-screen-from-text
$ npx degit gabelul/stitch-kit/skills/stitch-mcp-generate-variants .claude/skills/stitch-mcp-generate-variants
$ npx degit gabelul/stitch-kit/skills/stitch-mcp-get-project .claude/skills/stitch-mcp-get-project
$ npx degit gabelul/stitch-kit/skills/stitch-mcp-get-screen .claude/skills/stitch-mcp-get-screen
$ npx degit gabelul/stitch-kit/skills/stitch-mcp-list-design-systems .claude/skills/stitch-mcp-list-design-systems
$ npx degit gabelul/stitch-kit/skills/stitch-mcp-list-projects .claude/skills/stitch-mcp-list-projects
$ npx degit gabelul/stitch-kit/skills/stitch-mcp-list-screens .claude/skills/stitch-mcp-list-screens
$ npx degit gabelul/stitch-kit/skills/stitch-mcp-update-design-system .claude/skills/stitch-mcp-update-design-system
$ npx degit gabelul/stitch-kit/skills/stitch-mcp-upload-design-md .claude/skills/stitch-mcp-upload-design-md
$ npx degit gabelul/stitch-kit/skills/stitch-nextjs-components .claude/skills/stitch-nextjs-components
$ npx degit gabelul/stitch-kit/skills/stitch-orchestrator .claude/skills/stitch-orchestrator
$ npx degit gabelul/stitch-kit/skills/stitch-react-components .claude/skills/stitch-react-components
$ npx degit gabelul/stitch-kit/skills/stitch-react-native-components .claude/skills/stitch-react-native-components
$ npx degit gabelul/stitch-kit/skills/stitch-remotion .claude/skills/stitch-remotion
$ npx degit gabelul/stitch-kit/skills/stitch-setup .claude/skills/stitch-setup
$ npx degit gabelul/stitch-kit/skills/stitch-shadcn-ui .claude/skills/stitch-shadcn-ui
$ npx degit gabelul/stitch-kit/skills/stitch-skill-creator .claude/skills/stitch-skill-creator
$ npx degit gabelul/stitch-kit/skills/stitch-svelte-components .claude/skills/stitch-svelte-components
$ npx degit gabelul/stitch-kit/skills/stitch-swiftui-components .claude/skills/stitch-swiftui-components
$ npx degit gabelul/stitch-kit/skills/stitch-ued-guide .claude/skills/stitch-ued-guide
$ npx degit gabelul/stitch-kit/skills/stitch-ui-design-spec-generator .claude/skills/stitch-ui-design-spec-generator
$ npx degit gabelul/stitch-kit/skills/stitch-ui-design-variants .claude/skills/stitch-ui-design-variants
$ npx degit gabelul/stitch-kit/skills/stitch-ui-prompt-architect .claude/skills/stitch-ui-prompt-architect

This rig commits no guardrails. Here is the community baseline instead — the deny/ask rules most often found across all 7,204 rigs:

{
  "permissions": {
    "deny": [
      "Read(./.env)",
      "Read(**/.env)",
      "Read(~/.ssh/**)",
      "Bash(rm -rf *)",
      "Read(**/*.pem)",
      "Bash(rm -rf /)",
      "Bash(git push --force:*)",
      "Bash(sudo *)",
      "Read(.env)",
      "Bash(rm -rf /*)",
      "Read(./.env.*)",
      "Read(~/.aws/**)",
      "Bash(git push --force*)",
      "Bash(rm -rf:*)",
      "Read(**/*.key)",
      "Read(**/.env.*)",
      "Bash(sudo:*)",
      "Bash(git reset --hard*)",
      "Bash(git reset --hard:*)",
      "Read(.env.*)"
    ],
    "ask": [
      "Bash(git push:*)",
      "Bash(git push *)",
      "Bash(git commit:*)",
      "Bash(rm *)",
      "Bash(rm:*)",
      "Bash(git rebase *)",
      "Bash(wget *)",
      "Bash(npm publish:*)",
      "Bash(git commit *)",
      "Bash(gh pr merge *)"
    ]
  }
}

Skills (36)

stitch-a11ystitch-animatestitch-design-mdstitch-design-systemstitch-html-componentsstitch-ideatestitch-loopstitch-mcp-apply-design-systemstitch-mcp-create-design-system-from-design-mdstitch-mcp-create-design-systemstitch-mcp-create-projectstitch-mcp-delete-projectstitch-mcp-edit-screensstitch-mcp-generate-screen-from-textstitch-mcp-generate-variantsstitch-mcp-get-projectstitch-mcp-get-screenstitch-mcp-list-design-systemsstitch-mcp-list-projectsstitch-mcp-list-screensstitch-mcp-update-design-systemstitch-mcp-upload-design-mdstitch-nextjs-componentsstitch-orchestratorstitch-react-componentsstitch-react-native-componentsstitch-remotionstitch-setupstitch-shadcn-uistitch-skill-creatorstitch-svelte-componentsstitch-swiftui-componentsstitch-ued-guidestitch-ui-design-spec-generatorstitch-ui-design-variantsstitch-ui-prompt-architect

Similar rigs

google-labs-code/stitch-skills
A library of Agent Skills designed to work with the Stitch MCP server. Each skill follows the Agent Skills open standard, for compatibility with coding agents such as Antigravity, Gemini CLI, Claude Code, Cursor.
★ 8,422 collection Claude Code 16 skills 2mo ago
Skill Collector 496 tok ·
nexu-io/open-design
🎨 Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/P
★ 99.5k project Claude CodeCodex 1 mcp 150 skills 4d ago
Skill Collector 23.8k tok ·
obra/superpowers
An agentic skills framework & software development methodology that works.
★ 294k project CodexGemini CLI 15 skills 12d ago
Skill Collector 3.0k tok ·
anthropics/skills
Public repository for Agent Skills
★ 180k collection Claude Code 19 skills 4d ago
Skill Collector 1.3k tok ·
copied ✓