CommunityImagegithub.com

agents365-ai/drawio-skill

Qu'est-ce que drawio-skill ?

La compétence agents365-ai/drawio-skill permet aux agents AI comme Claude Code ou Codex de générer automatiquement des diagrammes techniques et visuels variés directement depuis l'environnement de développement. Elle est idéale pour créer des diagrammes d'architecture, des organigrammes, des diagrammes UML (séquence, classe), des diagrammes ER, des topologies réseau, des figures de modèles de Machine Learning (Transformer, CNN, LSTM), des cartes mentales, et bien plus encore. L'agent utilise cette compétence de manière proactive chaque fois qu'il explique des systèmes complexes avec au moins trois composants, des flux de données complexes, ou toute relation difficile à comprendre sans support visuel. La compétence génère un fichier .drawio XML compatible avec draw.io, puis utilise l'interface en ligne de commande (CLI) native de draw.io Desktop pour exporter le diagramme aux formats PNG, SVG, PDF, ou JPG. Elle prend en charge un vocabulaire de formes riche, des styles personnalisés, des couloirs de nage (swimlanes), et des exportations d'images haute qualité, ce qui la rend particulièrement utile pour les documentations techniques, les présentations, les revues d'architecture, ou l'analyse de modèles.

Compatible avec~Claude Code~Codex CLI~Cursor

npx skills add https://github.com/agents365-ai/365-skills/tree/main/skills/drawio-skill

Installed? Explore more Image skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

Voir l'original→Voir toutes les compétences

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

ChatGPT Claude Gemini Grok Perplexity DeepSeek

Documentation

Que fait drawio-skill ?

Utilisez cette compétence lorsque l'utilisateur demande des diagrammes, des organigrammes, des schémas d'architecture, des diagrammes ER, des diagrammes UML (séquence, classe), des topologies réseau, des figures de modèles ML/DL (Transformer/CNN/LSTM), des cartes mentales, ou toute autre visualisation. Utilisez-la également de manière proactive lorsque vous expliquez des systèmes avec 3 composants ou plus, des flux de données complexes, ou des relations qui bénéficient d'une représentation visuelle. Elle est particulièrement adaptée lorsque le diagramme nécessite un style personnalisé, un vocabulaire de formes riche, des couloirs de nage (swimlanes), ou des images exportables (PNG/SVG/PDF/JPG). Générez du XML .drawio et exportez-le localement via l'interface en ligne de commande (CLI) native de draw.io Desktop.

Skills associés

steipete/songsee

Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.

community

affaan-m/frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.

community

mattpocock/improve-codebase-architecture

Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.

community

lobehub/add-provider-doc

Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.

community

addyosmani/browser-testing-with-devtools

Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.

community

bytedance/chart-visualization

This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.

community

← More Image skills