By cassiobotaro
Coleção de Agent Skills para design e arquitetura de software: design-doc, adr, c4-diagram e sequence-diagram. As skills se compõem entre si num pipeline coerente de design técnico.
Use whenever the user wants to record an architecture decision, create an ADR (Architecture Decision Record), capture WHY a specific technical choice was made, document a single architecturally-significant decision such as "documenta a decisão de usar Postgres em vez de MongoDB", "ADR pra escolha de message broker", "registra que escolhemos X em vez de Y", "capture this decision as an ADR", or any one-decision-per-document scenario in the Nygard/adr-tools tradition. Produces a numbered Markdown file (NNNN-kebab-slug.md) with 5 sections (Title, Date, Status, Context, Decision, Consequences) following Nygard canonical format. 1-2 pages, prose not bullets, active voice. Do NOT use for project-level design docs spanning multiple decisions (use design-doc skill), README files, postmortems, or specs.
Produces Structurizr DSL (.dsl) for C4 architecture diagrams (system context, container, and on explicit request component, dynamic, deployment, or system landscape views). Triggers when the user wants to draw, sketch, model, document, or visualize software architecture in the C4 tradition (Simon Brown), model microservices and queues at the right C4 level of abstraction, or work with Structurizr DSL. Output is Structurizr DSL ready to render with the user's preferred Structurizr tooling (online editor, local install, IDE plugin); default focus is system context and container levels, with component, dynamic, and deployment views only on explicit request or when complexity demands. Links ADRs via the !adrs directive when the project has them. Composes with the sequence-diagram skill (sequence diagrams are not C4 abstractions) and the design-doc skill (which has a C4 section that delegates here). Does NOT handle sequence diagrams, ER diagrams, flowcharts, class/UML diagrams, or non-architectural visualizations.
Use whenever the user wants to create or scaffold a design doc, TDD, RFC (project-level proposal), "documento de design", "documento técnico de projeto", "especificação técnica", "proposta técnica", or document a non-trivial multi-component system before implementation. Produces Markdown following a flat canon of 14 optional top-level sections (headers, overview, scope/context, goals/non-goals, solution, diagrams, APIs and payloads, screens, trade-offs, alternatives, cross-cutting concerns, testability/observability, deployment plan, open questions) — each independently optional with its own inclusion trigger. Delegates diagrams to sibling skills when available: c4-diagram (Structurizr DSL) and sequence-diagram (Mermaid). Includes collapsible payload tables for HTTP endpoints. Do NOT use for README files, API reference docs without design decisions behind them, postmortems, or single-decision ADRs like "documenta a decisão de X em vez de Y" — those are handled by the adr skill.
Use whenever the user wants to draw, sketch, model, or document a sequence diagram, an interaction between systems/services/components, the order of API calls, a request/response flow, an authentication handshake, an event-driven choreography, or any "who calls who" / "fluxo entre sistemas" / "diagrama de sequência" / "sequence diagram" scenario. Produces Mermaid sequenceDiagram syntax in a fenced mermaid code block that renders natively on GitHub/GitLab and, when the Mermaid MCP server is available, validates it with the real parser and returns a mermaid.live preview link. Do NOT use for sequencediagram.org or PlantUML notation, flowcharts, ER diagrams, class diagrams, state diagrams, deployment diagrams, or generic architecture diagrams.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Coleção de Agent Skills focadas em design e arquitetura de software — design docs, ADRs, diagramas C4, diagramas de sequência. Seguem o padrão aberto skills/*/SKILL.md (Agent Skills spec), então rodam em Claude Code e GitHub Copilot CLI — e em qualquer outro agente suportado pelo gh skill.
As skills se compõem entre si: design-doc delega C4 e sequência para skills dedicadas, c4-diagram liga ADRs gerados pela adr. O conjunto inteiro forma um pipeline coerente de design técnico.
| Skill | Descrição |
|---|---|
| design-doc | Cria design docs / TDDs em Markdown seguindo um cânon plano de 14 seções top-level opcionais (Cabeçalhos · Visão Geral · Escopo e Contexto · Objetivos e Fora de Escopo · Solução · Diagramas · APIs e Payloads · Telas · Compensações · Alternativas Consideradas · Preocupações Transversais · Testabilidade e Observabilidade · Plano de Implantação · Perguntas em Aberto), cada uma com gatilho próprio de inclusão. Delega C4 e sequência para as skills irmãs quando disponíveis. |
| adr | Registra decisões arquiteturais como ADRs no formato canônico de Nygard / adr-tools: Title · Date · Status · Context · Decision · Consequences. Uma decisão por documento, prosa curta. |
| c4-diagram | Modela arquitetura em C4 (Simon Brown) e produz Structurizr DSL. Foco em system context e container; component/dynamic/deployment sob pedido. Liga ADRs via !adrs ./decisions. |
| sequence-diagram | Desenha diagramas de sequência em Mermaid (sequenceDiagram) — o bloco renderiza inline no Markdown (GitHub/GitLab). Com o Mermaid MCP disponível, valida com o parser real e gera link de preview no mermaid.live. |
O jeito mais simples é o gh skill (GitHub CLI ≥ 2.90.0): ele conhece tanto o Claude Code quanto o Copilot CLI e coloca cada skill no diretório certo de cada um. --scope user instala no home (vale em todos os projetos); troque por --scope project pra instalar só no repositório atual.
# Escolha interativamente qual skill instalar
gh skill install cassiobotaro/skills --agent claude-code --scope user
gh skill install cassiobotaro/skills --agent github-copilot --scope user
Para instalar todas de uma vez, sem prompt:
for agent in claude-code github-copilot; do
for s in design-doc adr c4-diagram sequence-diagram; do
gh skill install cassiobotaro/skills "$s" --agent "$agent" --scope user --force
done
done
Reinicie a sessão do Claude Code (ou rode /skills reload no Copilot CLI) pra auto-discovery via description ver as skills novas. Pré-visualize antes de instalar com gh skill preview cassiobotaro/skills <skill>.
O repositório também é um plugin marketplace do Claude Code: o .claude-plugin/ expõe as quatro skills num único plugin (design-skills). Dentro do Claude Code:
/plugin marketplace add cassiobotaro/skills
/plugin install design-skills@cassiobotaro-skills
Instalar pelo plugin traz as quatro skills de uma vez, namespaceadas pelo plugin — ficam invocáveis como /design-skills:adr, /design-skills:design-doc e assim por diante. Como o plugin.json não fixa version, o Claude Code usa o SHA do commit como versão e cada git pull/reinstalação pega o último commit da main (mesma lógica do gh skill, ver ADR 0006). Use o gh skill quando quiser escolher skills individuais ou instalar no Copilot CLI.
O gh skill update compara o SHA gravado no frontmatter de cada skill instalada com o repositório remoto e varre todos os hosts (Claude, Copilot, …) e escopos de uma vez — não precisa repetir por agente:
gh skill update --dry-run # só checa o que mudou, sem aplicar
gh skill update # revisa e confirma interativamente
gh skill update --all # atualiza tudo sem perguntar
Skills instaladas com --pin são puladas (use --unpin pra incluí-las). Como o repo puxa o HEAD do branch default (não há tag de release — ver ADR 0006), "atualizar" significa pegar o último commit da main.
No caminho de desenvolvimento (symlinks), atualizar é só git pull no clone — as edições refletem ao vivo, sem reinstalar.
Pra dogfood ou contribuir, o Makefile cria symlinks que refletem suas edições ao vivo, sem reinstalar:
npx claudepluginhub cassiobotaro/skills --plugin structurizrUltra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.
Frontend design skill for UI/UX implementation
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Memory compression system for Claude Code - persist context across sessions
Marketing skills for AI agents — conversion optimization, copywriting, SEO, paid ads, ad creative, and growth
Standalone image generation plugin using Nano Banana MCP server. Generates and edits images, icons, diagrams, patterns, and visual assets via Gemini image models. No Gemini CLI dependency required.