Icattj/openclaw-skill-visual-explainer

O que openclaw-skill-visual-explainer faz?

---

Esta habilidade transforma prompts de texto do usuário em explicações visuais detalhadas, como diagramas, fluxogramas e anotações, para facilitar a compreensão de conceitos complexos de engenharia de software e IA.

Como funciona

1. O usuário fornece um prompt descrevendo um conceito, processo ou problema.
2. A habilidade interpreta o prompt e gera uma representação visual usando sintaxe compatível com Mermaid.js ou diagramas ASCII.
3. O resultado é exibido como um bloco de código Markdown renderizável ou como uma descrição visual detalhada.

Plataformas suportadas

• Claude Code
• Cursor
• GitHub Copilot (Chat)
• Codex

Exemplo de uso

Explique visualmente o fluxo de autenticação OAuth 2.0

sequenceDiagram
    participant Usuário
    participant App
    participant ServidorAuth
    participant API

    Usuário->>App: Solicita login
    App->>ServidorAuth: Redireciona para autorização
    ServidorAuth->>Usuário: Solicita credenciais
    Usuário->>ServidorAuth: Fornece credenciais
    ServidorAuth->>App: Código de autorização
    App->>ServidorAuth: Troca código por token
    ServidorAuth->>App: Token de acesso
    App->>API: Requisição com token
    API->>App: Dados protegidos
    App->>Usuário: Exibe dados

Dicas de uso

• Seja específico no prompt: quanto mais detalhes, melhor o diagrama.
• Para fluxos de dados, use fluxograma ou diagrama de sequência.
• Para hierarquias, use diagrama de classes ou árvore.
• A habilidade também pode anotar partes do diagrama com explicações textuais.

Limitações

• A precisão do diagrama depende da clareza do prompt.
• Diagramas muito complexos podem ser simplificados automaticamente.
• Nem todas as plataformas renderizam Mermaid.js nativamente; pode ser necessário visualizar o código bruto.