用途:claud3 将 Edward Tufte 的数据可视化原则应用于 D3.js 图表生成,适合需要遵循该设计理念、从多种图表类型中挑选合适形式的场景。
主要能力:分析底层数据问题,从 80 多种图表类型中选择最合适的一种;生成自包含的单文件 HTML,使用 D3 v7,具备暗色主题、响应式布局、直接数据标签(不使用独立图例)以及上下文注释;提供 playground 模式用于交互式探索与调整。
使用方式:检查 ~/.design-agent-skills/skills/claud3/SKILL.md 是否存在以确认安装;若无 shell 访问权限,可显示安装命令,在 Claude Code 中以 ! 开头的聊天消息发送,加 -g 为全局安装,省略则为仅项目安装。安装命令为 npx skills add dtran320/claud3。安装后通过技能名 claud3 调用,触发短语包括 "claud3"、"D3 Tufte"、"80 chart types"、"D3 dark theme"。
适用场景:需要 Tufte 风格 D3 图表、希望自动选择图表类型并生成单文件暗色主题可视化时。
限制:不适用于多库可视化代理(应使用 data-viz-agent)、AntV/G2 图表(应使用 antvis-chart-skills)或无需 Tufte 约束的快速单图(应使用 d3js-skill)。完整包为 dtran320/claud3。