Pular para o conteúdo
Skillpedia
Documentação48 mil · #2487

c4-context

Ajuda seu agente a criar diagramas de contexto C4 de alto nível. Ele documenta usuários, jornadas, funcionalidades e dependências externas do sistema.

O que ela faz

Ajuda a criar a documentação de alto nível de um sistema de software, focando em como ele interage com pessoas e outros sistemas. É como um mapa que mostra quem usa o sistema e com o que ele se conecta.

Quando usar

  • ✓Ao iniciar um novo projeto para entender o escopo geral.
  • ✓Ao precisar explicar o sistema para pessoas não técnicas.
  • ✓Ao documentar as interações entre o sistema e seus usuários ou outros softwares.

Exemplo do que pedir para a IA

“Crie a documentação de contexto do sistema para um aplicativo de e-commerce.”

Quer saber mais? Abra as seções abaixo.

Como usar

O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.

Link da skill

https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/c4-context/SKILL.md

Mensagem pronta para colar

Use esta skill para me ajudar: https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/c4-context/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
Como funciona

A IA pede informações sobre o sistema, seus usuários e outros sistemas com os quais ele se comunica. Em seguida, ela organiza essas informações e pode até gerar um diagrama visual simples.

Instalação

Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.

No terminal (Claude Code, Codex, Cursor), na pasta do projeto:

npx skills add sickn33/agentic-awesome-skills --skill c4-context

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/c4-context/SKILL.md -o SKILL.md
Conteúdo técnico (SKILL.md)

Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.

C4 Nível de Contexto: Contexto do Sistema

Use esta habilidade quando

  • Trabalhando em tarefas ou fluxos de trabalho de nível de contexto C4: contexto do sistema
  • Precisando de orientação, melhores práticas ou checklists para tarefas ou fluxos de trabalho de nível de contexto C4: contexto do sistema

Não use esta habilidade quando

  • A tarefa não estiver relacionada ao nível de contexto C4: contexto do sistema
  • Você precisar de um domínio ou ferramenta diferente fora deste escopo

Instruções

  • Clarifique objetivos, restrições e entradas necessárias.
  • Aplique as melhores práticas relevantes e valide os resultados.
  • Forneça etapas acionáveis e verificação.

Visão Geral do Sistema

Descrição Curta

[Descrição em uma frase do que o sistema faz]

Descrição Longa

[Descrição detalhada do propósito do sistema, suas capacidades e os problemas que ele resolve]

Personas

[Nome da Persona]

  • Tipo: [Usuário Humano / Usuário Programático / Sistema Externo]
  • Descrição: [Quem é essa persona e o que ela precisa]
  • Objetivos: [O que essa persona quer alcançar]
  • Principais Recursos Utilizados: [Lista de recursos que essa persona utiliza]

Recursos do Sistema

[Nome do Recurso]

  • Descrição: [O que este recurso faz]
  • Usuários: [Quais personas usam este recurso]
  • Jornada do Usuário: [Link para o mapa da jornada do usuário]

Jornadas do Usuário

Jornada [Nome do Recurso] - [Nome da Persona]

  1. ...

Jornada de Integração [Sistema Externo]

  1. ...

Sistemas Externos e Dependências

[Nome do Sistema Externo]

  • Tipo: [Banco de Dados, API, Serviço, Fila de Mensagens, etc.]
  • Descrição: [O que este sistema externo fornece]
  • Tipo de Integração: [API, Eventos, Transferência de Arquivos, etc.]
  • Propósito: [Por que o sistema depende disso]

Diagrama de Contexto do Sistema

[Diagrama Mermaid mostrando o sistema, usuários e sistemas externos]

Documentação Relacionada

  • Documentação de Contêiner
  • Documentação de Componente

## Context Diagram Template

According to the [C4 model](https://c4model.com/diagrams/system-context), a System Context diagram shows the system as a box in the center, surrounded by its users and the other systems that it interacts with. The focus is on **people (actors, roles, personas) and software systems** rather than technologies, protocols, and other low-level details.

Use proper Mermaid C4 syntax:

```mermaid
C4Context
    title Diagrama de Contexto do Sistema

    Person(user, "Usuário", "Usa o sistema para atingir seus objetivos")
    System(system, "Nome do Sistema", "Fornece os recursos X, Y e Z")
    System_Ext(external1, "Sistema Externo 1", "Fornece o serviço A")
    System_Ext(external2, "Sistema Externo 2", "Envia eventos para")
    SystemDb(externalDb, "Banco de Dados Externo", "Armazena dados")

    Rel(user, system, "Usa")
    Rel(system, external1, "Usa", "API")
    Rel(system, external2, "Envia eventos para")
    Rel(system, externalDb, "Lê e escreve em")

Princípios Chave (de c4model.com):

  • Foque em pessoas e sistemas de software, não em tecnologias
  • Mostre claramente o limite do sistema
  • Inclua todos os usuários (humanos e programáticos)
  • Inclua todos os sistemas externos com os quais o sistema interage
  • Mantenha-o amigável para stakeholders - compreensível por públicos não técnicos
  • Evite mostrar tecnologias, protocolos ou detalhes de baixo nível

Exemplos de Interações

  • "Criar documentação de nível de Contexto C4 para o sistema"
  • "Identificar todas as personas e criar mapas de jornada do usuário para recursos chave"
  • "Documentar sistemas externos e criar um diagrama de contexto do sistema"
  • "Analisar a documentação do sistema e criar documentação de contexto abrangente"
  • "Mapear jornadas de usuário para todos os recursos chave, incluindo usuários programáticos"

Principais Distinções

  • vs Agente C4-Container: Fornece uma visão de alto nível do sistema; o agente Container foca na arquitetura de implantação
  • vs Agente C4-Component: Foca no contexto do sistema; o agente Component foca na estrutura lógica dos componentes
  • vs Agente C4-Code: Fornece uma visão geral amigável para stakeholders; o agente Code fornece detalhes técnicos do código

Exemplos de Saída

Ao criar documentação de contexto, forneça:

  • Descrições claras do sistema (curta e longa)
  • Documentação abrangente de personas (humana e programática)
  • Listas completas de recursos com descrições
  • Mapas detalhados de jornada do usuário para todos os recursos chave
  • Documentação completa de sistemas externos e dependências
  • Diagrama de contexto Mermaid mostrando o sistema, usuários e sistemas externos
  • Links para a documentação de contêiner e componente

…

Perguntas frequentes

O que é um diagrama de contexto?

É um desenho simples que mostra o sistema no centro, com caixas ao redor representando as pessoas e outros sistemas que interagem com ele.

Para que serve a documentação de contexto?

Serve para dar uma visão geral do sistema, quem o usa e com o que ele se conecta, de forma que qualquer pessoa possa entender, mesmo sem ser da área de tecnologia.

Quais informações são necessárias?

Informações sobre o que o sistema faz, quem são os usuários (pessoas ou outros programas), quais funcionalidades ele oferece e quais outros sistemas ele utiliza ou se conecta.

Detalhes

Descrição original do autor

Expert C4 Context-level documentation specialist. Creates high-level system context diagrams, documents personas, user journeys, system features, and external dependencies.

repo: sickn33/agentic-awesome-skills

Popularidade

Estrelas no GitHub
48 mil
Posição no ranking
#2487
Licença
MIT
Atualizada em
15/10/2026

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas