为什么选这个技能
Excalidraw 就是 JSON —— Claude 能直接写。本技能补齐设计体系、布局规则与导出管道,让 JSON 变成真正可用的图。
语义色彩系统
8 种语义类别(主要 / 成功 / 警告 / 错误 / 外部 / 流程 / 触发 / 中性)。遵循 60-30-10 法则:留白 / 主色 / 强调。
5 种图表模式
流程图、架构图、时序图、思维导图、泳道图 —— 每种都有专门的布局规则与间距规范。
反模式防护
技能内置常见陷阱文档:区域文字重叠、箭头面条化、短箭头标签碰撞、容器透明度规则 —— Claude 在生成前就规避。
CJK 智能尺寸
按标签文字自动计算宽度 —— 西文 max(160, charCount × 9),CJK 用 ×18。再也不被截断。
零安装导出
Kroki API 通道只要 curl —— 无需 npm、Docker、浏览器自动化。需要本地 PNG 导出时,再用本地 CLI 方案。
可编辑输出
生成的 .excalidraw 文件可在 excalidraw.com 中打开,箭头交互绑定完整保留,想手调就手调。
安装
选择你的平台,只要 10 秒。
# Plugin marketplace (recommended) /plugin marketplace add Agents365-ai/365-skills /plugin install excalidraw # Or any agent npx skills add Agents365-ai/365-skills -g # Manual install git clone https://github.com/Agents365-ai/excalidraw-skill.git ~/.claude/skills/excalidraw-skill
# Global git clone https://github.com/Agents365-ai/excalidraw-skill.git ~/.config/opencode/skills/excalidraw-skill # Project git clone https://github.com/Agents365-ai/excalidraw-skill.git .opencode/skills/excalidraw-skill
# Global git clone https://github.com/Agents365-ai/excalidraw-skill.git ~/.openclaw/skills/excalidraw-skill
# Via SkillsMP CLI skills install excalidraw-skill
# User-level git clone https://github.com/Agents365-ai/excalidraw-skill.git ~/.agents/skills/excalidraw-skill # Project-level git clone https://github.com/Agents365-ai/excalidraw-skill.git .agents/skills/excalidraw-skill
相关 Skill
Agents365-ai 图表 skill 家族一员 — 按场景挑工具。
支持作者
如果这个 skill 对你有帮助,欢迎支持作者。
微信支付
支付宝
Buy Me a Coffee
打赏