BeClaude

google-stitch

New
13Community RegistryGeneralby Arkhe

Claude + Google Stitch workflow toolkit with MCP integration (prompt authoring, screen generation, design extraction)

Community PluginView Source

Overview

<div align="center"> <h1>Arkhe Claude Plugins</h1>

<img src="assets/banner.jpg" alt="Arkhe Claude Plugins Banner" width="100%" />

<p> <b>Supercharge Claude Code with 109 specialized components</b> — from deep reasoning and autonomous dev loops to<br /> DDD architecture, design system enforcement, and git workflow automation. 22 agents, 32 commands, 55 skills across 13 modular plugins. </p>

<p> <a href="LICENSE"> <img src="https://img.shields.io/badge/License-MIT-green.svg" alt="License" /> </a> <img src="https://img.shields.io/badge/Plugins-13-blue" alt="Plugins" /> <img src="https://img.shields.io/badge/Agents-22-purple" alt="Agents" /> <img src="https://img.shields.io/badge/Commands-32-orange" alt="Commands" /> <img src="https://img.shields.io/badge/Skills-52-green" alt="Skills" /> <a href="https://github.com/joaquimscosta/arkhe-claude-plugins/stargazers"> <img src="https://img.shields.io/github/stars/joaquimscosta/arkhe-claude-plugins" alt="Stars" /> </a> </p>

<h4> <a href="#rocket-quick-start">Quick Start</a> <span> · </span> <a href="#electric_plug-available-plugins">Browse Plugins</a> <span> · </span> <a href="#books-developer-documentation">Developer Docs</a> <span> · </span> <a href="https://github.com/joaquimscosta/arkhe-claude-plugins/issues">Report Bug</a> </h4> </div>

<br />


:electric_plug: Available Plugins

PluginDescriptionKey ComponentsDocs
🧠 Core6-phase SDLC pipeline with multi-agent orchestration and deep research.deep-think-partner, deep-researcher, /develop, /researchView
🤖 AIAI engineering toolkit for production LLM apps, RAG, and prompt optimization.ai-engineer, prompt-engineer, lyra, /improve-agentView
📝 DocDocumentation generation with diagrams, ADRs, RFCs, and Johnny.Decimal management.rfc-critic, adr-critic, doc-coauthoring, /diagram, /rfcView
🔍 ReviewCode quality, security, and design reviews with pragmatic standards.pragmatic-code-review, design-review, false-positive-verifierView
🧵 StitchAtomic UI prompt authoring and MCP-powered Google Stitch screen generation./prompt, /stitch-generate, generating-stitch-screensView
🔀 GitWorkflow automation with smart commits, PRs, changelogs, and Dependabot triage./commit, /create-pr, /changelog, dependabot-reviewView
📐 Design IntentVisual React prototyping from Figma/mockups with persistent pattern memory.design-intent-specialist, /design-intent, /save-patternsView
💻 LangProduction-grade language-specific skills (Bash/Shell).scripting-bash, POSIX compliance, ShellCheckView
🎭 PlaywrightBrowser automation via Playwright CLI for testing and screenshots.playwright-cli, /playwright-setupView
🍃 Spring BootDDD with Spring Boot 4, Modulith 2.0, Security 7, and OpenTelemetry.10 skills: DDD, data, web-api, modulith, security, observability, testing, flywayView
🔄 RalphAutonomous development loop with fresh context, task sets, and memory system.ralph-agent, /ralph, /create-prd, Hat-lite systemView
🗺️ RoadmapProduct management, roadmap analysis, and solution architecture.product-manager, system-architect, roadmap-analystView
🔧 DevtoolsDeveloper tooling: SOPS encryption, Claude Code environment setup, quality stack.sops-setup, code-env-setup, quality-stackView

:rocket: Quick Start

1. Add the Marketplace

Option A: Install directly from GitHub (recommended)

bash
/plugin marketplace add joaquimscosta/arkhe-claude-plugins

Option B: Clone and install locally

bash
git clone https://github.com/joaquimscosta/arkhe-claude-plugins.git
/plugin marketplace add ./arkhe-claude-plugins

2. Install Plugins

You can install all plugins at once:

bash
/plugin install core@arkhe-claude-plugins
/plugin install ai@arkhe-claude-plugins
/plugin install doc@arkhe-claude-plugins
/plugin install review@arkhe-claude-plugins
/plugin install design-intent@arkhe-claude-plugins
/plugin install git@arkhe-claude-plugins
/plugin install google-stitch@arkhe-claude-plugins
/plugin install lang@arkhe-claude-plugins
/plugin install playwright@arkhe-claude-plugins
/plugin install spring-boot@arkhe-claude-plugins
/plugin install ralph@arkhe-claude-plugins
/plugin install roadmap@arkhe-claude-plugins
/plugin install devtools@arkhe-claude-plugins

Or install selectively based on your needs.

3. Usage

After installation, run /reload-plugins and use:

  • Agents: Type /agents to see and select available agents.
  • Commands: Type /help to see all available commands.
  • Skills: Skills are automatically invoked when Claude detects relevant tasks.

:compass: Recommendations & Namespacing

Recommended Plugin Stacks

Start with `core` + `git` — they provide the SDLC pipeline, deep reasoning, commit/PR automation, and changelog generation that benefit every workflow.

Then add plugins for your focus area:

FocusAdd TheseYou Get
Frontend/UIdesign-intent, playwrightFigma-to-React prototyping, pattern memory, browser testing
Backend (Java)spring-bootDDD, Spring Modulith, Security 7, observability, Flyway
AI/LLM AppsaiRAG systems, prompt optimization, multi-agent coordination
Code QualityreviewPragmatic code review, security audits, design review
DocumentationdocDiagrams, ADRs, Johnny.Decimal, co-authored docs
Product/PlanningroadmapUser stories, scope assessment, architecture design
Shell/DevOpslangProduction Bash scripting, POSIX compliance
Google Stitchgoogle-stitchAtomic UI prompts, MCP-powered screen generation

Namespacing

If multiple plugins provide commands with similar names, use namespaced invocation:

bash
# Direct invocation
/commit

# Namespaced invocation (to avoid conflicts)
/git:commit
/design-intent:design-intent

:books: Developer Documentation

<details> <summary><b>Click to expand Developer Resources</b></summary>

Skills Development

  • [Skills Guide](./docs/reference/SKILLS.md) — Creating and managing Agent Skills
  • [Skill Development Best Practices](./docs/SKILL_DEVELOPMENT_BEST_PRACTICES.md) — Real-world lessons and token optimization
  • [Anthropic Skills Repository](https://github.com/anthropics/skills) — Reference implementations

Plugin & Agent Development

  • [Plugins Guide](./docs/reference/PLUGINS.md) — Plugin system documentation
  • [Subagents Guide](./docs/reference/SUBAGENTS.md) — Agent configuration and usage
  • [Best Practices](./docs/reference/BEST_PRACTICES.md) — Official Claude Code best practices

Reference

  • [Claude Code Guide](./docs/CLAUDE_CODE_GUIDE.md) — Curated practitioner's guide

</details>

<details> <summary><b>Directory Structure</b></summary>

code
arkhe-claude-plugins/
├── .claude-plugin/
│   └── marketplace.json              # Marketplace catalog
├── plugins/                          # All 13 plugins
│   ├── core/                         # 1. Quality control & orchestration
│   ├── ai/                           # 2. AI engineering toolkit
│   ├── doc/                          # 3. Documentation toolkit
│   ├── review/                       # 4. Code review tools
│   ├── google-stitch/                # 5. Google Stitch prompting
│   ├── git/                          # 6. Git workflow automation
│   ├── design-intent/                # 7. Design Intent for UI development
│   ├── lang/                         # 8. Language-specific skills
│   ├── playwright/                   # 9. Browser automation via Playwright CLI
│   ├── spring-boot/                  # 10. Domain-Driven Design with Spring Boot 4
│   ├── ralph/                        # 11. Autonomous development loop
│   ├── roadmap/                      # 12. Product management & architecture
│   └── devtools/                     # 13. Developer tooling & environment setup
├── docs/                             # Developer documentation
├── templates/                        # Plugin templates
├── assets/                           # Project assets
├── README.md
├── INSTALLATION.md
└── CLAUDE.md

</details>


:warning: License

This project is licensed under the MIT License - see the LICENSE file for details.

Install & Usage

1
Create the skills directory
mkdir -p .claude/skills
2
Download the skill file
mkdir -p .claude/skills && curl -o .claude/skills/google-stitch.md https://raw.githubusercontent.com/joaquimscosta/arkhe-claude-plugins/main/SKILL.md
3
Invoke in Claude Code
/google-stitch
View source on GitHub
designmcp

Frequently Asked Questions

What is google-stitch?

Claude + Google Stitch workflow toolkit with MCP integration (prompt authoring, screen generation, design extraction)

How to install google-stitch?

To install google-stitch, create the .claude/skills directory in your project, then run the curl command to download the skill file. Once installed, invoke it in Claude Code with /google-stitch.

What is google-stitch best for?

google-stitch is a community categorized under General. It is designed for: design, mcp. Created by Arkhe.