Communitygithub.com

claude-skill-whiteboard

Permite que o Claude desenhe e visualize diagramas conceituais em uma tela interativa (whiteboard), facilitando o brainstorming e a organização visual de ideias.

O que é claude-skill-whiteboard?

Este skill habilita o Claude a renderizar diagramas e esboços conceituais em uma tela tipo whiteboard, permitindo que o usuário visualize e interaja com representações gráficas geradas por IA. Ideal para sessões de brainstorming, mapeamento de processos ou explicações visuais complexas, o skill funciona como uma extensão que desenha formas, setas e textos com base nas instruções do agente. Embora originalmente pensado para Claude Code, sua implementação pode ser adaptada para outros agentes que suportem skills. A comunicação ocorre via comandos textuais que o agente interpreta para gerar os elementos visuais na tela.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add GuigsEvt/claude-skill-whiteboard

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que claude-skill-whiteboard faz?

Repositório de skill para agente: GuigsEvt/claude-skill-whiteboard

Esta skill permite que o agente desenhe diagramas, fluxogramas e anotações visuais em uma tela interativa do tipo whiteboard durante a conversa. O usuário pode fornecer instruções como "desenhe um diagrama de arquitetura do sistema" ou "crie um mapa mental sobre deploy", e o agente traduz essas instruções em elementos gráficos na tela. É útil para equipes de desenvolvimento que precisam visualizar conceitos rapidamente sem sair do chat do agente.

Como usar

  • Envie comandos como: "Desenhe um fluxograma do processo de login" ou "Adicione uma nota sobre autenticação OAuth".
  • O agente interpreta o pedido e gera formas, setas e textos organizados na lousa.
  • É possível apagar elementos ou limpar a tela completamente com comandos como "limpe a tela".

Compatibilidade

Projetado originalmente para Claude Code, mas pode ser adaptado para outros agentes que suportem skills (ex.: Cursor, Codex).

Exemplo de comando

Desenhe uma caixa no centro com o texto "Backend"
Adicione uma seta da caixa "Backend" para "API Gateway"

Notas técnicas

  • A skill depende de um ambiente que suporte renderização gráfica básica.
  • O agente deve ter permissão para criar e modificar elementos na tela.

Este conteúdo foi gerado automaticamente com base nos metadados do repositório.

Habilidades Relacionadas