{"enrichment":{"faq":[{"a":"Baoyu Diagram generates standalone SVG diagrams including system architecture diagrams, flowcharts, sequence diagrams, mind maps, timelines, state machine diagrams, and other technical visualizations. Each diagram type uses purpose-built layout rules and component patterns optimized for professional technical documentation.","q":"What types of diagrams can baoyu-diagram create?"},{"a":"Yes, baoyu-diagram supports flowchart creation with decision logic and process flow visualization. The tool generates professional SVG flowcharts with semantic color coding and dark design system styling suitable for technical documentation and system documentation.","q":"Can I draw me a flowchart with baoyu-diagram?"},{"a":"Baoyu Diagram employs a dark design system with a semantic color palette. All generated SVG diagrams feature consistent styling and professional appearance, making them suitable for technical presentations, documentation, and architecture visualization across different contexts.","q":"What design system does baoyu-diagram use?"},{"a":"Yes, baoyu-diagram can generate sequence diagrams showing actor interactions over time, including API call sequences. The tool visualizes component relationships and data flow between system parts, making it ideal for documenting complex system interactions and communication patterns.","q":"Does baoyu-diagram support sequence diagrams for API interactions?"},{"a":"Baoyu Diagram is released under the MIT license, allowing free use, modification, and distribution in both open-source and commercial projects.","q":"What is the license for baoyu-diagram?"},{"a":"Baoyu Diagram supports creating entity relationship diagrams, class diagrams, and other structural visualizations. The tool specializes in generating professional SVG diagrams with semantic color palettes and dark theme styling for comprehensive technical visualization needs.","q":"Can baoyu-diagram create ER and class diagrams?"}],"shadow_tags":["svg-generation","visual-modeling","system-design","flow-visualization","dark-theme-ui","diagram-types","layout-automation","technical-graphics"],"summary_rewrite":"Baoyu Diagram generates standalone SVG diagrams with a dark design system and semantic color palette. It supports architecture diagrams, flowcharts, sequence diagrams, mind maps, timelines, and other technical visualizations, each with purpose-built layout rules and component patterns."},"files":[{"bytes":12272,"path":"skills/baoyu-diagram/SKILL.md","sha256":"55a2d050c3a2faea8721d1cec31749dfafa7e7d346a586e99e757f77a3526860","url":"https://skillfed.io/files/JimLiu/baoyu-skills/baoyu-diagram/fe576ebd/SKILL.md"}],"id":"JimLiu/baoyu-skills/baoyu-diagram","links":{"html":"https://skillfed.io/JimLiu/baoyu-skills/baoyu-diagram","md":"https://skillfed.io/JimLiu/baoyu-skills/baoyu-diagram.md","repo":"https://github.com/JimLiu/baoyu-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":2697,"language":"TypeScript","last_updated":"2026-07-04","license":"MIT","name":"baoyu-diagram","publisher":"JimLiu","stars":24241},"relations":{"similar":[{"id":"guanyang/open-agent-hub/baoyu-diagram"},{"id":"alfredolopez80/multi-agent-ralph-loop/architecture-diagram"},{"id":"pedronauck/skills/architecture-diagram"},{"id":"Cocoon-AI/architecture-diagram-generator/architecture-diagram"},{"id":"Delphine-L/claude_global/galaxy-workflow-viz"},{"id":"PM-Shawn/Abu-Cowork/svg-diagram"},{"id":"alfredolopez80/multi-agent-ralph-loop/diagram-design"},{"id":"NousResearch/hermes-agent/architecture-diagram"},{"id":"moltis-org/moltis/architecture-diagram"},{"id":"mateaix/mateclaw/architecture-diagram"}]},"slug":{"owner":"JimLiu","repo":"baoyu-skills","skill":"baoyu-diagram"},"version":"fe576ebd"}