helderberto/agent-skills

zoom-out

Explain code with visual diagrams and analogies.

Ver código-fonte

Como usar

  1. Copie o comando e verifique o pacote antes de instalar no seu ambiente de agente.
  2. Consulte no original as ferramentas, credenciais e ambientes necessários.
  3. Descreva os dados de entrada e a entrega esperada; confira a saída com as fontes.
npx skills add https://github.com/helderberto/agent-skills --skill zoom-out

Antes de começar

  • A instalação não inclui assinatura de modelo, franquia API ou acesso aos seus arquivos.
  • Estrelas e instalações indicam atividade, não um teste independente de qualidade ou segurança.
Documento original do Skill

Renderizado do repositório de origem, preservando títulos, exemplos, código, tabelas, links e imagens.

Read the code and anything it depends on before explaining. Then, always:

  1. Start with an analogy from everyday life.
  2. Draw an ASCII diagram matching the shape of the thing: flow, sequence between actors, tree/hierarchy, state machine, data structure, or before/after. One concept per diagram — split rather than cram.
  3. Walk through the code step by step.
  4. Highlight a gotcha: a common mistake or misconception.

Conversational tone. Complex concepts get more than one analogy.

Relacionados por tarefa

do mesmo repositório

Mais Skills

Todos os Skills
helderberto
Comunidade

codebase-design

Shared vocabulary for designing deep modules. Use when designing or improving a module's interface, placing a seam, making code more testable, or when another skill needs it. Don't use for codebase-wide audits (/architecture-audit) or UI components (/frontend-ui-engineering).

instalações
1
GitHub Stars
17
Atualizado
19 de out.
helderberto
Comunidade

debug

Disciplined diagnosis loop for hard bugs and performance regressions. Use when user says "diagnose" or "debug this", or reports something broken, throwing, failing, or slow. Don't use to build a feature or fix an understood bug test-first (/tdd).

instalações
1
GitHub Stars
17
Atualizado
19 de out.
helderberto
Comunidade

deps-audit

Check dependencies for known vulnerabilities and staleness. Use when asked to "audit dependencies", "check for vulnerabilities", or check dependency health. Don't use for code quality review.

instalações
1
GitHub Stars
17
Atualizado
19 de out.
helderberto
Comunidade

frontend-ui-engineering

Front-load UI construction decisions — component boundary and prop API, state placement, required states, responsiveness, accessibility. Use when creating or refactoring a component, page, or design-system primitive. Don't use for pure logic (/tdd), throwaway exploration (/prototype), or auditing finished UI (/a11y-audit).

instalações
1
GitHub Stars
17
Atualizado
19 de out.