code-documentation-code-explain
Explique Código Complexo com Diagramas Visuais
Desenvolvedores têm dificuldade em entender bases de código complexas e se integrar rapidamente. Esta habilidade transforma código difícil em explicações claras com diagramas visuais, análises passo a passo e exemplos interativos.
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“code-documentation-code-explain”。 Explique este padrão decorator com um diagrama visual
预期结果:
Resumo de alto nível do propósito do decorator, diagrama de classe Mermaid mostrando relacionamento de wrapper, fluxo de execução passo a passo, analogia do mundo real e exemplos de código com comparação antes/depois
正在使用“code-documentation-code-explain”。 Percorra visualmente esta função recursiva
预期结果:
Visualização da pilha de chamadas com diagrama em árvore mostrando cada chamada recursiva, explicação do caso base, animação de propagação do valor de retorno e análise de complexidade com notação Big-O
安全审计
安全Static analysis flagged 71 patterns in markdown documentation containing educational Python code examples. All findings are false positives - the detected patterns (shell commands, URLs, crypto references) exist only in code samples for teaching purposes, not in executable skill logic. The skill is a documentation and code explanation tool with no actual command execution, network access, or filesystem operations.
中风险问题 (1)
低风险问题 (3)
质量评分
你能构建什么
Integração de Desenvolvedores
Ajuda novos membros da equipe a entender a estrutura da base de código existente, componentes principais e padrões de design através de diagramas visuais e explicações progressivas.
Aprendizado de Algoritmos Complexos
Decompõe algoritmos de ordenação, recursão e estruturas de dados com visualizações passo a passo mostrando cada estado de execução.
Documentação de Revisão de Código
Gera explicações claras de pull requests complexos, destacando padrões de design utilizados, armadilhas potenciais e recomendações de melhores práticas.
试试这些提示
Explique esta seção de código: [cole o código]. Inclua um resumo de alto nível e identifique os conceitos de programação principais utilizados.
Analise esta função e gere um diagrama de fluxo Mermaid mostrando o fluxo de execução, pontos de decisão e chamadas de função: [cole o código]
Percorra este algoritmo passo a passo com uma visualização mostrando como os dados mudam a cada iteração: [cole algoritmo de ordenação/busca]
Identifique padrões de design nesta base de código e explique cada um com um diagrama de classe, benefícios, desvantagens e abordagens alternativas: [cole o código]
最佳实践
- Comece com uma visão geral de alto nível antes de entrar nos detalhes de implementação
- Use diagramas visuais junto com explicações em texto para melhor compreensão
- Forneça complexidade progressiva - explicação para iniciantes primeiro, depois detalhes avançados
避免
- Explicar código linha por linha sem estabelecer o propósito geral primeiro
- Usar jargão sem definir termos para o nível do público-alvo
- Fornecer apenas explicações em texto quando diagramas visuais esclareceriam o fluxo