O que tldraw-skill faz?
Crie diagramas tldraw no quadro branco (.tldr) a partir de linguagem natural com 6 predefinições e autoverificação baseada em visão. Exportação para PNG/SVG, multiagente.
Visão Geral
Este skill capacita agentes de IA a gerar diagramas tldraw diretamente de instruções em linguagem natural. Ele inclui:
- 6 Predefinições: Fluxograma, Mapa Mental, Diagrama UML, Wireframe, Diagrama de Rede e Linha do Tempo.
- Autoverificação por Visão: O agente tira uma captura de tela do diagrama gerado e a compara com a solicitação original usando um modelo de visão computacional.
- Exportação Múltipla: Suporte para exportar diagramas nos formatos PNG e SVG.
- Suporte Multiagente: Permite que múltiplos agentes de IA trabalhem juntos no mesmo diagrama para edições colaborativas.
Como Usar
- Inicialize o Skill: Certifique-se de que o skill está ativo no seu agente de IA.
- Forneça uma Descrição: Use linguagem natural para descrever o diagrama desejado. Exemplo: "Crie um fluxograma do processo de login do usuário."
- Escolha uma Predefinição (Opcional): Se nenhuma predefinição for especificada, o agente selecionará automaticamente a mais adequada.
- Gere o Diagrama: O agente criará o arquivo .tldr e o renderizará no quadro branco.
- Autoverificação: O agente analisa a imagem do diagrama para garantir precisão. Se necessário, ajustes serão feitos automaticamente.
- Exporte: Use os comandos
!export pngou!export svgpara salvar o diagrama no formato desejado.
Comandos
!diagram <descrição>— Gera um novo diagrama a partir da descrição.!preset <nome>— Define uma predefinição (ex:!preset flowchart).!check— Executa autoverificação manual.!export <formato>— Exporta o diagrama atual (formatos:png,svg).
Predefinições Disponíveis
| Nome | Descrição |
|---|---|
| flowchat | Fluxograma tradicional |
| mindmap | Mapa mental |
| uml | Diagrama UML |
| wireframe | Wireframe de interface |
| network | Diagrama de rede |
| timeline | Linha do tempo |
Requisitos
- Acesso a um ambiente com suporte a tldraw (via agente ou integração).
- O agente deve ter permissão para criar e modificar arquivos .tldr.
- Para autoverificação, é necessário um modelo de visão integrado (ex: GPT-4V, Claude 3 Vision).
- Para exportação, ferramentas de conversão de tldr para PNG/SVG devem estar disponíveis.
Exemplos
Fluxograma Simples
!diagram Crie um fluxograma mostrando o fluxo de autenticação: início, formulário de login, validação, sucesso ou falha.
Mapa Mental
!preset mindmap
!diagram Mapa mental sobre conceitos de machine learning: aprendizado supervisionado, não supervisionado, por reforço.
Notas
- Os diagramas são salvos no formato
.tldrpor padrão. - A autoverificação pode ser desativada se não for necessária.
- Este skill é compatível com Claude Code, Cursor, Codex e outros agentes que suportem skills personalizados.
Licença
Distribuído sob a licença MIT. Consulte o arquivo LICENSE para mais detalhes.