{"enrichment":{"faq":[{"a":"Yes, codegen-diagram creates Draw.io-compatible diagrams directly from your project code. The skill analyzes your codebase and generates mxGraph XML format files (.drawio) that you can immediately import into Draw.io for viewing and editing. This automation eliminates manual diagram creation.","q":"Can codegen-diagram generate draw.io diagrams from my code?"},{"a":"codegen-diagram supports multiple diagram types: system architecture diagrams, tech stack visualizations, entity-relationship (ER) diagrams from database schemas, data structure diagrams, component diagrams, and layered architecture diagrams. Each type is generated directly from your project code or configuration.","q":"What diagram types does codegen-diagram support?"},{"a":"codegen-diagram analyzes your project structure and automatically generates system architecture diagrams. The skill visualizes your tech stack, component relationships, and system layers, then exports the result as mxGraph XML format files ready for Draw.io import and further customization.","q":"How do I create system architecture diagrams based on my project?"},{"a":"Yes, codegen-diagram can auto-generate ER diagrams from your database schema. The skill extracts database relationships and entity definitions from your code, then creates visual ER diagrams in mxGraph XML format that preserve all relationship information for Draw.io editing.","q":"Can codegen-diagram auto-generate entity relationship diagrams?"},{"a":"codegen-diagram exports diagrams as mxGraph XML format files (.drawio files). This format is the native standard for Draw.io, allowing seamless import and editing. You can open generated files directly in Draw.io without conversion or compatibility issues.","q":"What output format does codegen-diagram use?"},{"a":"Yes, codegen-diagram is released under the Apache-2.0 license, making it open source and freely available for both commercial and personal use. You can review the source code, contribute improvements, and integrate it into your projects.","q":"Is codegen-diagram open source?"}],"shadow_tags":["diagram-generation","code-visualization","architecture-modeling","database-schema","drawio-export","technical-documentation","system-design","entity-relationships"],"summary_rewrite":"This skill guides your agent to create Draw.io-compatible diagrams directly from your project code, supporting tech stack, system architecture, data structure, and entity-relationship diagram types. Output is delivered as mxGraph XML (.drawio files) ready for immediate import and editing."},"files":[{"bytes":1986,"path":"skills/codegen-diagram/SKILL.md","sha256":"dddd1fee87d65ea782f800cceafe9c95c9013c78b67cefaed22701830bcfbbc1","url":"https://skillfed.io/files/xstongxue/best-skills/codegen-diagram/56858bcd/SKILL.md"}],"id":"xstongxue/best-skills/codegen-diagram","links":{"html":"https://skillfed.io/xstongxue/best-skills/codegen-diagram","md":"https://skillfed.io/xstongxue/best-skills/codegen-diagram.md","repo":"https://github.com/xstongxue/best-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":169,"language":"JavaScript","last_updated":"2026-07-19","license":"Apache-2.0","name":"codegen-diagram","publisher":"xstongxue","stars":2407},"relations":{"similar":[{"id":"xstongxue/best-skills/wechat-article-writer"},{"id":"xstongxue/best-skills/pptgen-drawio"},{"id":"xstongxue/best-skills/drawio-diagram"},{"id":"xstongxue/best-skills/excalidraw-diagram"},{"id":"xstongxue/best-skills/patent-write"},{"id":"xstongxue/best-skills/codegen-doc"},{"id":"xstongxue/best-skills/project-docs"},{"id":"xstongxue/best-skills/md-report-summary"},{"id":"xstongxue/best-skills/skill-prompt-convert"},{"id":"xstongxue/best-skills/frontend-design"}]},"slug":{"owner":"xstongxue","repo":"best-skills","skill":"codegen-diagram"},"version":"56858bcd"}