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
Mensagem pronta para colar
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-contextOu 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.mdConteú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]
- ...
Jornada de Integração [Sistema Externo]
- ...
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.
Popularidade
- Estrelas no GitHub
- 48 mil
- Posição no ranking
- #2487
- Licença
- MIT
- Atualizada em
- 15/10/2026
Comentários
- …
Mais skills deste repositório
00-andruia-consultant
Ajuda seu agente a iniciar ou melhorar projetos de IA. Ele analisa código, sugere ferramentas e cria planos de ação em espanhol.
sickn33/agentic-awesome-skills
007
Faz seu agente realizar auditorias de segurança e modelagem de ameaças. É útil para proteger projetos contra ataques e vulnerabilidades.
sickn33/agentic-awesome-skills
10-andruia-skill-smith
Ajuda seu agente a criar ou melhorar ferramentas de IA. Ele define como as ferramentas funcionam, escreve a documentação e valida a estrutura.
sickn33/agentic-awesome-skills
20-andruia-niche-intelligence
Faz seu agente criar um resumo sobre um setor específico. É útil para entender o contexto, regras, padrões de uso e riscos de um projeto, usando fontes confiáveis.
sickn33/agentic-awesome-skills
Skills parecidas
architecture-decision-records
Faz seu agente registrar decisões importantes sobre a estrutura do projeto. Ajuda a entender o porquê das escolhas feitas e a manter um histórico claro das mudanças.
affaan-m/ECC
code-tour
Faz seu agente criar guias passo a passo no código, com locais exatos em arquivos e linhas. É útil para apresentar um projeto, explicar código ou revisar mudanças. Ajuda a entender como um sistema funciona.
affaan-m/ECC
codebase-onboarding
Ajuda seu agente a analisar um código desconhecido e criar um guia de integração. Ele inclui um mapa da arquitetura, pontos de entrada e convenções. Ideal para quem está começando em um novo projeto.
affaan-m/ECC