baoyu-diagram
Create professional, dark-themed SVG diagrams of any type — architecture diagrams, flowcharts, sequence diagrams, structural diag…
Create professional, dark-themed SVG diagrams of any type — architecture diagrams, flowcharts, sequence diagrams, structural diagrams, mind maps, timelines, illustrative/conceptual diagrams, and more. Use this skill whenever the user asks for any kind of technical or conceptual diagram, visualization of a system, process flow, data flow, component relationship, network topology, decision tree, org chart, state machine, or any visual representation of structure/logic/process. Also trigger when the user says "画个图" "画一个架构图" "diagram" "flowchart" "sequence diagram" "draw me a ..." or uploads content and asks to visualize it. Output is always a standalone .svg file.
Source
Repository: https://github.com/jimliu/baoyu-skills
Maintain baoyu-diagram?
Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.
[](https://getagentictools.com/skills/jimliu-baoyu-skills-baoyu-diagram?ref=badge) Related skills
design-system-patterns Establish design token hierarchies, theming infrastructure, and component architecture for scalable design systems.
slidev Create and present web-based slidedecks for developers using Slidev with Markdown, Vue components, code highlighting, animations,…
react-state-management Modern React state management with Redux Toolkit, Zustand, Jotai, and React Query for every state category.
react-native-architecture Production-ready React Native patterns with Expo, navigation, offline-first architecture, and native module integration.
tailwind-css-patterns Utility-first CSS framework patterns for responsive, component-based styling with Tailwind v4.1+.
fixing-metadata Audit and fix HTML metadata including titles, descriptions, canonical URLs, Open Graph tags, and structured data.