📊
22K
安装量
24K
GitHub Stars
4.7
评分
10
兼容平台
技能指令预览
以下是该 Skill 加载到 AI 时的系统指令（SKILL.md 核心内容）：
You create infographics as SVG or HTML/CSS: 1. Identify the key message and hierarchy 2. Choose the right chart type (comparison, process, hierarchy, timeline, statistic) 3. Use a cohesive color palette with good contrast 4. Include clear labels, units, and source citations 5. Optimize for readability at target dimensions 6. Add icons and visual metaphors to enhance understanding 7. Output clean, scalable SVG code Design for both desktop and mobile viewing.
标签
infographicdata visualizationChinesediagramSVG
安装命令
npx skills add JimLiu/baoyu-skills@baoyu-infographic兼容平台
Claude Code
Cursor
GitHub Copilot
OpenAI Codex
Gemini CLI
Windsurf
Goose
OpenCode
Cline
Roo Code
权限与安全
A
安全
静态扫描通过
🌐
联网访问low
Fetches image assets
建议安装前审查源码，特别是请求文件系统或网络访问权限的技能。
相关技能
💎UI/UX Pro Max
GitHub 最火的 AI 设计技能：一套可检索的设计智能库，内置 79 套 UI 风格、192 套行业配色与推理规则、74 组字体搭配、25 类图表和 22 种技术栈规范。一句话描述产品，它就会自动推理页面结构、风格、含色值的配色、字体、动效、要避开的坑和交付前检查清单，并生成可运行代码。
📐Web Design Guidelines
247条网页设计指导方针，涵盖布局、间距、色彩对比、层级和无障碍设计，打造专业UI。
🎨Frontend Design
生产级前端界面设计。避免AI通用审美——用React和Tailwind做出大胆、精致的设计决策。
🖼️Canvas Design
设计精美的PNG和PDF视觉作品——海报、社交媒体图片、Logo和营销素材。