🎯

baoyu-diagram

🎯Skill

from jimliu/baoyu-skills

What it does

Generates standalone dark-themed `.svg` diagrams for architecture, flowcharts, sequence, structural/ER, mind maps, timelines, state machines, and data flow with embedded `JetBrains Mono` styling on a `#0f172a` slate background. Enforces a semantic color palette, opaque masking-rect z-ordering, and strict spacing rules (40px vertical / 30px horizontal gaps) to prevent overlap.

📦

Same repository

jimliu/baoyu-skills(27 items)

baoyu-diagram

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add jimliu/baoyu-skills --skill baoyu-diagram

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add jimliu/baoyu-skills --skill baoyu-diagram

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/baoyu-diagram/SKILL.md

SKILL.md

2,251Installs

AddedApr 13, 2026

View on GitHub Back to Skills

More from this repository10

🎯

baoyu-post-to-wechat🎯Skill

A Claude Code skill for publishing content to WeChat Official Accounts, supporting article posting via API/browser and image-text posting with up to 9 images, with configurable preferences and a structured 7-step publishing workflow.

🎯

baoyu-image-gen🎯Skill

AI SDK-based image generation skill supporting OpenAI, Google, and DashScope providers with text-to-image generation, reference images, aspect ratio control, and quality presets through a unified slash command interface.

🎯

baoyu-markdown-to-html🎯Skill

Converts Markdown files to clean, semantic HTML with support for custom styles, code highlighting, and responsive rendering.

🎯

baoyu-cover-image🎯Skill

A Claude Code skill that generates article cover images using a 5-dimensional system (Type, Palette, Rendering, Text, Mood) with 9 color palettes and 6 rendering styles for 54 unique combinations.

🎯

baoyu-xhs-images🎯Skill

A Claude Code skill that generates Xiaohongshu (RedNote) infographic card series from content using a Style x Layout 2D system with 9 visual styles and 6 layout types.

🎯

baoyu-article-illustrator🎯Skill

A Claude Code skill that analyzes articles, identifies optimal illustration positions, and generates images using a Type x Style two-dimensional system with 6 types and multiple visual styles.

🎯

baoyu-slide-deck🎯Skill

A Claude Code skill that transforms written content into professional slide deck images with 16 visual style presets, smart content scaling, and multi-language support.

🎯

baoyu-infographic🎯Skill

Generates professional infographics by combining 20 layout types (bento-grid, funnel, timeline, etc.) with 17 visual styles (craft-handmade, cyberpunk, pixel-art, etc.), with auto-recommended combinations based on content analysis.

🎯

baoyu-url-to-markdown🎯Skill

Fetches any URL via Chrome CDP with full JavaScript rendering and converts it to clean markdown with metadata. Supports auto-capture and wait mode for login-required or dynamically loaded pages.

🎯

baoyu-comic🎯Skill

A Claude Code skill for creating educational and narrative comics with 5 art styles, 7 tones, 3 presets, and 6 layout options, generating detailed panel layouts and sequential images from source material or text input.