baoyu-diagramCreate professional, dark-themed SVG diagrams of any type — architecture。Use when 需要设计创作、UI设计、海报制作、品牌视觉时使用。不适用于3D建模和动画制作。适用于独立开发者、企业团队和自动化工作流场景。支持中文交互,无需复杂配置即开即用。 diagrams, flowcharts, se。Use when 需要数据分析、报表生成、统计洞察、数据可视化时使用。不适用于实时数据流处理。适用于开发者、团队和自动化集成场景。'
Install via ClawdBot CLI:
clawdbot install jimliu/baoyu-diagramGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://github.com/JimLiu/baoyu-skills#baoyu-diagramAudited Apr 17, 2026 · audit v1.0
Generated Oct 6, 2026
Engineering teams use baoyu-diagram to generate dark-themed architecture diagrams showing microservices, databases, message queues, and API gateways. The skill automatically applies semantic colors to distinguish frontend, backend, storage, and infrastructure components, producing consistent standalone SVG files that can be embedded in README files or internal wikis.
Technical writers and developer advocates create flowcharts, sequence diagrams, and data flow visualizations to explain complex processes in tutorials and API documentation. The dark theme with JetBrains Mono typography matches modern developer documentation aesthetics, and the single-file SVG output ensures crisp rendering across screen sizes.
Product managers and UX designers use mind maps, timelines, and illustrative diagrams to communicate feature roadmaps, user journey flows, and system dependencies during sprint planning and stakeholder reviews. The ability to trigger from natural language prompts like '画个架构图' makes it accessible for non-technical stakeholders.
Researchers and educators generate state machine diagrams, ER diagrams, and conceptual illustrations for papers, lecture slides, and course materials. The dark theme is suitable for programming courses and technical presentations, while the multiple diagram types cover most computer science curriculum topics.
Data engineers and enterprise architects visualize ETL pipelines, data transformation flows, and system integration topologies for compliance reviews and migration planning. The data flow diagram type with process bubbles, data stores, and external entities maps directly to standard data modeling notations.
Offer the core diagram generation for free with watermark-free output, while charging for premium features like custom color palettes, team collaboration, private diagram libraries, and higher resolution export options. This mirrors successful developer tools like Excalidraw and Mermaid Chart.
Expose the diagram generation capability as a REST API that integrates into CI/CD pipelines, documentation platforms, and issue trackers. Charge per-rendered-diagram or by monthly API call volume, targeting teams that want automated architecture diagram updates triggered by code changes.
Bundle the diagram skill as a plugin for enterprise platforms like Confluence, Notion, and SharePoint, where organizations need consistent, brand-compliant technical visuals. Offer on-premise deployment for security-conscious enterprises with custom theming aligned to corporate design systems.
💬 Integration Tip
The skill is triggered naturally through conversational prompts like '画个架构图' or 'diagram this flow,' making it accessible even for users unfamiliar with SVG syntax. For best results, describe the components, their relationships, and the desired diagram type (flowchart, sequence, architecture, etc.) in your request.
Scored Oct 6, 2026
Guides solo founders through validating startup ideas, architecting product design, and defining visual systems with structured design documents as output.
Color palette extractor — extract dominant colors from an image (PNG/JPEG/GIF). Use when you need a color palette for design or analysis. Pure stdlib, no LLM.
Generates Mermaid diagrams from descriptions. Creates flowcharts, sequence diagrams, and architecture diagrams. Triggers: mermaid diagram, architecture diagr...
介绍Canva从澳洲起步,如何通过AI和本地化帮助非设计师轻松创建专业设计作品。
A virtual canvas for OpenClaw to output content and visualize its thinking during development.
Create stunning designs with AI. Social media graphics, presentations, and marketing materials without design skills. No API keys needed. $2 FREE credits to...