[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"extension-skill-chrisvoncsefalvay-claude-d3js-skill-zh-CN":3,"guides-for-chrisvoncsefalvay-claude-d3js-skill":296,"similar-k1799vf538kce70stexnfecz8986ngef-zh-CN":297},{"_creationTime":4,"_id":5,"children":6,"community":7,"display":9,"evaluation":15,"identity":237,"isFallback":225,"parentExtension":242,"providers":243,"relations":249,"repo":252,"tags":292,"workflow":293},1778683745819.433,"k1799vf538kce70stexnfecz8986ngef",[],{"reviewCount":8},0,{"description":10,"installMethods":11,"name":13,"sourceUrl":14},"使用 d3.js 创建交互式数据可视化。当创建自定义图表、图形、网络图、地理可视化或任何需要对视觉元素、过渡或交互进行细粒度控制的复杂 SVG 数据可视化时，应使用此技能。无论是使用 React、Vue、Svelte、原生 JavaScript 还是任何其他环境，都可用于标准图表库之外的定制化可视化。",{"claudeCode":12},"chrisvoncsefalvay/claude-d3js-skill","d3-viz","https://github.com/chrisvoncsefalvay/claude-d3js-skill",{"_creationTime":16,"_id":17,"extensionId":5,"locale":18,"result":19,"trustSignals":223,"workflow":235},1778683745819.4333,"kn7aww08txggrf6g07m25ymrdx86m9w0","zh-CN",{"checks":20,"evaluatedAt":192,"extensionSummary":193,"features":194,"nonGoals":200,"promptVersionExtension":204,"promptVersionScoring":205,"purpose":206,"rationale":207,"score":208,"summary":209,"tags":210,"tier":217,"useCases":218},[21,26,29,32,36,39,44,48,51,54,58,63,66,70,73,76,79,82,85,88,92,96,100,104,108,111,114,117,121,124,127,130,133,135,138,142,146,150,153,157,160,163,166,169,173,176,179,182,185,189],{"category":22,"check":23,"severity":24,"summary":25},"Practical Utility","Problem relevance","pass","描述清楚地陈述了使用 d3.js 创建复杂、自定义数据可视化的问题，并针对需要超出标准库的细粒度控制的用户。",{"category":22,"check":27,"severity":24,"summary":28},"Unique selling proposition","该技能通过提供结构化指导、代码示例和有效使用 d3.js 库的最佳实践，比简单的提示具有显著优势，这超出了 LLM 在复杂可视化任务中的默认功能。",{"category":22,"check":30,"severity":24,"summary":31},"Production readiness","该技能提供了全面的文档、代码示例和创建各种 d3.js 可视化的模式，涵盖了从设置到高级交互和响应性的整个生命周期。",{"category":33,"check":34,"severity":24,"summary":35},"Scope","Single responsibility principle","该技能仅专注于使用 d3.js 进行数据可视化，不扩展到测试、部署或通用 JavaScript 开发等无关领域。",{"category":33,"check":37,"severity":24,"summary":38},"Description quality","描述准确反映了该技能创建交互式 d3.js 可视化的目的，并清楚地概述了其预期的用例和限制。",{"category":40,"check":41,"severity":42,"summary":43},"Invocation","Scoped tools","not_applicable","此检查不适用，因为该技能不公开特定的工具或命令；它在其文档中提供了指导和代码示例。",{"category":45,"check":46,"severity":42,"summary":47},"Documentation","Configuration & parameter reference","该技能没有需要参考的显式配置参数或选项；其使用由提供的文档和代码示例指导。",{"category":33,"check":49,"severity":42,"summary":50},"Tool naming","此检查不适用，因为该技能不公开具有名称的特定工具或命令。",{"category":33,"check":52,"severity":42,"summary":53},"Minimal I/O surface","此检查不适用，因为该技能不为工具定义输入/输出架构；它提供代码和文本指导。",{"category":55,"check":56,"severity":24,"summary":57},"License","License usability","未在提供的文件中明确检测到许可证，但示例和代码片段通常适用于宽松的开源使用。",{"category":59,"check":60,"severity":61,"summary":62},"Maintenance","Commit recency","warning","上次提交是在 8 个多月前（2025 年 10 月），这表明可能已过时，并且如果 d3.js 或相关生态系统发生了重大变化，则存在风险。",{"category":59,"check":64,"severity":42,"summary":65},"Dependency Management","该技能似乎没有在其捆绑包中管理需要更新的直接第三方依赖项。",{"category":67,"check":68,"severity":42,"summary":69},"Security","Secret Management","该技能不处理或需要任何密钥。",{"category":67,"check":71,"severity":24,"summary":72},"Injection","该技能提供代码示例和说明，但不加载或执行不受信任的第三方数据或指令。",{"category":67,"check":74,"severity":24,"summary":75},"Transitive Supply-Chain Grenades","该技能的内容包含在存储库中，并且在运行时不获取外部代码或数据。",{"category":67,"check":77,"severity":24,"summary":78},"Sandbox Isolation","该技能提供文档和代码示例；它不执行任何与文件系统或外部环境交互的操作。",{"category":67,"check":80,"severity":24,"summary":81},"Sandbox escape primitives","该技能不包含可用于逃逸沙箱的脚本或说明。",{"category":67,"check":83,"severity":24,"summary":84},"Data Exfiltration","该技能不指示代理读取或提交任何机密数据。",{"category":67,"check":86,"severity":24,"summary":87},"Hidden Text Tricks","在捆绑的内容中未发现隐藏文本技巧或恶意 Unicode 字符。",{"category":89,"check":90,"severity":24,"summary":91},"Hooks","Opaque code execution","提供的所有 JavaScript 代码均为纯文本、可读格式，没有混淆或运行时获取。",{"category":93,"check":94,"severity":24,"summary":95},"Portability","Structural Assumption","提供的代码示例是独立的或使用标准的 JavaScript 模式，并且不基于用户项目结构（除了基本设置）做出假设。",{"category":97,"check":98,"severity":24,"summary":99},"Trust","Issues Attention","在过去 90 天内没有打开或关闭的问题，这表明项目是新的或不活跃的，但没有立即关于未解决问题的担忧。",{"category":101,"check":102,"severity":61,"summary":103},"Versioning","Release Management","没有明确的版本信息（如 frontmatter 或 GitHub releases 中的 semver），并且安装说明可能会默认为 `main`，导致难以固定版本。",{"category":105,"check":106,"severity":42,"summary":107},"Code Execution","Validation","该技能提供文档和代码片段，而不是需要模式验证的参数的可执行工具。",{"category":67,"check":109,"severity":42,"summary":110},"Unguarded Destructive Operations","该技能纯粹是信息性的，并提供代码示例；它不执行任何破坏性操作。",{"category":105,"check":112,"severity":42,"summary":113},"Error Handling","该技能不执行需要对工具调用或脚本执行进行错误处理的代码。",{"category":105,"check":115,"severity":42,"summary":116},"Logging","该技能不执行需要日志记录的操作。",{"category":118,"check":119,"severity":42,"summary":120},"Compliance","GDPR","该技能不处理个人数据。",{"category":118,"check":122,"severity":24,"summary":123},"Target market","该技能的文档和示例与语言无关，并提供通用的 d3.js 指导，使其具有全球适用性。",{"category":93,"check":125,"severity":24,"summary":126},"Runtime stability","该技能提供与框架无关的 JavaScript 代码示例，并依赖标准的 d3.js 功能，确保广泛的兼容性。",{"category":45,"check":128,"severity":24,"summary":129},"README","SKILL.md 文件充当全面的 README，清楚地说明了扩展的目的和用法。",{"category":33,"check":131,"severity":42,"summary":132},"Tool surface size","此检查不适用，因为该技能不公开特定的工具或命令。",{"category":40,"check":134,"severity":42,"summary":132},"Overlapping near-synonym tools",{"category":45,"check":136,"severity":24,"summary":137},"Phantom features","文档中描述的所有功能和能力都在 SKILL.md 和参考文件中都有相应的代码示例或解释。",{"category":139,"check":140,"severity":24,"summary":141},"Install","Installation instruction","该文档清楚地说明了如何导入 d3.js，并在各种 JavaScript 环境中提供了用法示例。",{"category":143,"check":144,"severity":42,"summary":145},"Errors","Actionable error messages","该技能本身不产生面向用户的错误；它提供了关于如何构建可视化的指导。",{"category":147,"check":148,"severity":42,"summary":149},"Execution","Pinned dependencies","该技能提供了 d3.js 的代码示例，但本身不捆绑或管理依赖项。",{"category":33,"check":151,"severity":42,"summary":152},"Dry-run preview","该技能不包含改变状态的命令或发送外部数据的操作。",{"category":154,"check":155,"severity":42,"summary":156},"Protocol","Idempotent retry & timeouts","该技能不涉及需要幂等性或超时设置的远程调用或改变状态的操作。",{"category":118,"check":158,"severity":42,"summary":159},"Telemetry opt-in","该技能不发出遥测数据。",{"category":40,"check":161,"severity":24,"summary":162},"Precise Purpose","描述精确说明了该技能的目的（创建交互式 d3.js 可视化）及其用例（自定义图表、图形、复杂 SVG 可视化）。",{"category":40,"check":164,"severity":24,"summary":165},"Concise Frontmatter","Frontmatter 简洁明了，并在合理的字符数内有效总结了该技能的核心功能和用例。",{"category":45,"check":167,"severity":24,"summary":168},"Concise Body","SKILL.md 结构良好，少于 500 行，并将详细模式委托给单独的参考文件，确保了渐进式披露。",{"category":170,"check":171,"severity":24,"summary":172},"Context","Progressive Disclosure","该技能适当地使用 `references/` 来处理详细模式，如 `d3-patterns.md` 和 `scale-reference.md`，并从主 SKILL.md 文件中链接它们。",{"category":170,"check":174,"severity":42,"summary":175},"Forked exploration","该技能不涉及需要 `context: fork` 的深度探索或多文件检查。",{"category":22,"check":177,"severity":24,"summary":178},"Usage examples","该技能为各种图表类型和交互提供了大量现成的代码示例，演示了输入、调用和预期结果。",{"category":22,"check":180,"severity":24,"summary":181},"Edge cases","文档解决了 d3.js 可视化开发中的常见问题和解决方案，包括数据准备和性能优化，作为恢复步骤。",{"category":105,"check":183,"severity":42,"summary":184},"Tool Fallback","该技能不依赖于 MCP 服务器等外部工具，并使用标准的 d3.js 导入。",{"category":186,"check":187,"severity":42,"summary":188},"Safety","Halt on unexpected state","该技能不涉及改变状态的操作或需要根据意外预状态进行停止的工作流。",{"category":93,"check":190,"severity":24,"summary":191},"Cross-skill coupling","该技能专注于 d3.js，不隐式依赖其他技能；其示例是独立的或使用标准库函数。",1778683724839,"该技能提供了广泛的文档、代码示例和最佳实践，用于在各种 JavaScript 环境中使用 d3.js 库创建交互式数据可视化。它涵盖了常见的图表类型、高级交互和响应式设计。",[195,196,197,198,199],"关于 d3.js 设置和集成模式的指导","各种图表类型（条形图、折线图、散点图、弦图、热力图等）的代码示例","交互功能实现（工具提示、缩放、单击）","响应式尺寸和动画技术","数据准备、性能和可访问性的最佳实践",[201,202,203],"创建 3D 可视化（建议使用 Three.js）","为简单用例提供预制图表（鼓励定制）","处理 d3.js 可视化创建范围之外的任务","3.0.0","4.4.0","旨在使用户能够使用 d3.js 创建复杂的、自定义的、交互式数据可视化，并提供超出标准图表库的细粒度控制。","该技能非常全面且文档齐全，并附有出色的代码示例和结构化指导。唯一发现的问题是轻微的维护和版本问题。",90,"用于使用 d3.js 创建自定义、交互式数据可视化的优秀技能，提供全面的指导和示例。",[211,212,213,214,215,216],"d3-js","javascript","data-visualization","svg","charts","graphs","community",[219,220,221,222],"创建超出标准库的定制图表和图形","使用自定义布局开发复杂的 SVG 可视化","实现交互元素，如平移、缩放或刷选行为","构建网络图、地理可视化或编排的过渡",{"codeQuality":224,"collectedAt":226,"documentation":227,"maintenance":229,"security":233,"testCoverage":234},{"hasLockfile":225},false,1778683701573,{"descriptionLength":228,"readmeSize":8},441,{"closedIssues90d":8,"forks":230,"hasChangelog":225,"openIssues90d":8,"pushedAt":231,"stars":232},17,1760754595000,174,{"hasNpmPackage":225,"smitheryVerified":225},{"hasCi":225,"hasTests":225},{"updatedAt":236},1778683745819,{"basePath":238,"githubOwner":239,"githubRepo":240,"locale":18,"slug":240,"type":241},"","chrisvoncsefalvay","claude-d3js-skill","skill",null,{"evaluate":244,"extract":247},{"promptVersionExtension":204,"promptVersionScoring":205,"score":208,"tags":245,"targetMarket":246,"tier":217},[211,212,213,214,215,216],"global",{"commitSha":248},"HEAD",{"repoId":250,"translatedFrom":251},"kd7chgbrn0z92e6kpj6p0z808x86n2y4","k17fpqsbfj30bavqwb241pwn8s86ntm4",{"_creationTime":253,"_id":250,"identity":254,"providers":255,"workflow":288},1778683695407.9766,{"githubOwner":239,"githubRepo":240,"sourceUrl":14},{"classify":256,"discover":282,"github":285},{"commitSha":248,"extensions":257},[258],{"basePath":238,"description":259,"displayName":13,"installMethods":260,"rationale":261,"selectedPaths":262,"source":280,"sourceLanguage":281,"type":241},"Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that requires fine-grained control over visual elements, transitions, or interactions. Use this for bespoke visualisations beyond standard charting libraries, whether in React, Vue, Svelte, vanilla JavaScript, or any other environment.",{"claudeCode":12},"SKILL.md frontmatter at SKILL.md",[263,266,269,271,273,276,278],{"path":264,"priority":265},"SKILL.md","mandatory",{"path":267,"priority":268},"assets/chart-template.jsx","low",{"path":270,"priority":268},"assets/interactive-template.jsx",{"path":272,"priority":268},"assets/sample-data.json",{"path":274,"priority":275},"references/colour-schemes.md","medium",{"path":277,"priority":275},"references/d3-patterns.md",{"path":279,"priority":275},"references/scale-reference.md","rule","en",{"sources":283},[284],"manual",{"closedIssues90d":8,"description":286,"forks":230,"openIssues90d":8,"pushedAt":231,"readmeSize":8,"stars":232,"topics":287},"A Claude skill for d3.js.",[],{"classifiedAt":289,"discoverAt":290,"extractAt":291,"githubAt":291,"updatedAt":289},1778683699705,1778683695408,1778683697717,[215,211,213,216,212,214],{"evaluatedAt":294,"extractAt":295,"updatedAt":236},1778683724961,1778683699902,[],[298,323,352,379,409,438],{"_creationTime":299,"_id":300,"community":301,"display":302,"identity":306,"providers":310,"relations":317,"tags":319,"workflow":320},1778685991755.7454,"k1774yf7v8f58zaf2vasw9d0bs86mdga",{"reviewCount":8},{"description":259,"installMethods":303,"name":13,"sourceUrl":305},{"claudeCode":304},"davila7/claude-code-templates","https://github.com/davila7/claude-code-templates",{"basePath":307,"githubOwner":308,"githubRepo":309,"locale":281,"slug":240,"type":241},"cli-tool/components/skills/creative-design/claude-d3js-skill","davila7","claude-code-templates",{"evaluate":311,"extract":316},{"promptVersionExtension":204,"promptVersionScoring":205,"score":312,"tags":313,"targetMarket":246,"tier":315},98,[211,213,212,214,215,314],"frontend","verified",{"commitSha":248},{"repoId":318},"kd71fzn4s7r0269fkw47wt670n86ndz0",[215,211,213,314,212,214],{"evaluatedAt":321,"extractAt":322,"updatedAt":321},1778690621522,1778685991755,{"_creationTime":324,"_id":325,"community":326,"display":327,"identity":333,"providers":337,"relations":346,"tags":348,"workflow":349},1778690923100.0278,"k17fjgeys5exyyfsvg9ewzxeh586ngec",{"reviewCount":8},{"description":328,"installMethods":329,"name":331,"sourceUrl":332},"Data visualization with chart selection, color theory, and annotation best practices. Covers chart types (bar, line, scatter, heatmap), axes rules, and storytelling with data. Use for: charts, graphs, dashboards, reports, presentations, infographics, data stories. Triggers: data visualization, chart, graph, data chart, bar chart, line chart, scatter plot, data viz, visualization, dashboard chart, infographic data, data presentation, chart design, plot, heatmap, pie chart alternative",{"claudeCode":330},"inferen-sh/skills","Data Visualization","https://github.com/inferen-sh/skills",{"basePath":334,"githubOwner":335,"githubRepo":336,"locale":281,"slug":213,"type":241},"guides/design/data-visualization","inferen-sh","skills",{"evaluate":338,"extract":344},{"promptVersionExtension":204,"promptVersionScoring":205,"score":339,"tags":340,"targetMarket":246,"tier":315},97,[213,215,216,341,342,343],"dashboards","python","matplotlib",{"commitSha":248,"license":345},"MIT",{"repoId":347},"kd75bmkxfkvvw504knzzpkzjph86n71t",[215,341,213,216,343,342],{"evaluatedAt":350,"extractAt":351,"updatedAt":350},1778691108489,1778690923100,{"_creationTime":353,"_id":354,"community":355,"display":356,"identity":362,"providers":366,"relations":373,"tags":375,"workflow":376},1778688112811.7332,"k172yvkj2yay0r3jnpew2hg7y986mnwr",{"reviewCount":8},{"description":357,"installMethods":358,"name":360,"sourceUrl":361},"Create marketing visualizations from data. Use when: creating charts for reports; visualizing campaign performance; generating dashboards; presenting data insights; exporting charts for presentations",{"claudeCode":359},"guia-matthieu/clawfu-skills","data-visualizer","https://github.com/guia-matthieu/clawfu-skills",{"basePath":363,"githubOwner":364,"githubRepo":365,"locale":281,"slug":360,"type":241},"skills/automation/data-visualizer","guia-matthieu","clawfu-skills",{"evaluate":367,"extract":372},{"promptVersionExtension":204,"promptVersionScoring":205,"score":368,"tags":369,"targetMarket":246,"tier":315},99,[213,370,215,341,342,371],"marketing","cli",{"commitSha":248},{"repoId":374},"kd72qvzyvm658ya7pbyh5ey47h86md53",[215,371,341,213,370,342],{"evaluatedAt":377,"extractAt":378,"updatedAt":377},1778688781733,1778688112811,{"_creationTime":380,"_id":381,"community":382,"display":383,"identity":389,"providers":393,"relations":402,"tags":405,"workflow":406},1778695720086.77,"k17dem9k6ck7j5dvtc629g0cdh86np6g",{"reviewCount":8},{"description":384,"installMethods":385,"name":387,"sourceUrl":388},"Specifies requirements for an analytics dashboard including metrics, visualizations, filters, and data sources. Use when requesting dashboards from data teams, defining KPI tracking, or documenting reporting needs.",{"claudeCode":386},"product-on-purpose/pm-skills","measure-dashboard-requirements","https://github.com/product-on-purpose/pm-skills",{"basePath":390,"githubOwner":391,"githubRepo":392,"locale":281,"slug":387,"type":241},"skills/measure-dashboard-requirements","product-on-purpose","pm-skills",{"evaluate":394,"extract":401},{"promptVersionExtension":204,"promptVersionScoring":205,"score":395,"tags":396,"targetMarket":246,"tier":315},100,[397,398,399,400,213],"analytics","dashboard","requirements","product-management",{"commitSha":248},{"parentExtensionId":403,"repoId":404},"k1721116hsfj7zg78w03432n8986n6y8","kd78ksv1wjj826ds5j1sh2kqnx86mhqf",[397,398,213,400,399],{"evaluatedAt":407,"extractAt":408,"updatedAt":407},1778696393987,1778695720086,{"_creationTime":410,"_id":411,"community":412,"display":413,"identity":419,"providers":423,"relations":432,"tags":434,"workflow":435},1778675173113.9792,"k173g9fzv2yc0b6axcjg9jarzn86my0p",{"reviewCount":8},{"description":414,"installMethods":415,"name":417,"sourceUrl":418},"This skill should be used when the user asks about \"data journalism\", \"data visualization\", \"data storytelling\", \"FOIA request\", \"RTI request\", \"spreadsheet analysis\", \"chart design\", \"act as a data journalist\", \"data journalist mode\", \"infographic\", \"open data\", \"statistical analysis for journalism\", \"investigative data\", \"public records\", \"Datawrapper\", \"Flourish\", \"Tableau Public\", \"D3.js\", \"chart type selection\", or needs expertise in finding, analyzing, and visualizing data for journalistic storytelling. Part of the AlterLab FC Skills collection (New Media & Communication department).\n",{"claudeCode":416},"AlterLab-IEU/AlterLab-FC-Skills","alterlab-nmc-data-journalist","https://github.com/AlterLab-IEU/AlterLab-FC-Skills",{"basePath":420,"githubOwner":421,"githubRepo":422,"locale":281,"slug":417,"type":241},"skills/nmc/alterlab-nmc-data-journalist","AlterLab-IEU","AlterLab-FC-Skills",{"evaluate":424,"extract":431},{"promptVersionExtension":204,"promptVersionScoring":205,"score":395,"tags":425,"targetMarket":246,"tier":315},[426,213,427,428,429,430],"data-journalism","investigative-reporting","foia","rti","storytelling",{"commitSha":248},{"repoId":433},"kd77hbyh7fgv1hx4fzbfjj4d1n86m0jx",[426,213,428,427,429,430],{"evaluatedAt":436,"extractAt":437,"updatedAt":436},1778675701081,1778675173114,{"_creationTime":439,"_id":440,"community":441,"display":442,"identity":448,"providers":452,"relations":460,"tags":463,"workflow":464},1778699234184.6133,"k170q6m14w6ah5ygc0jr5sa54986mpx7",{"reviewCount":8},{"description":443,"installMethods":444,"name":446,"sourceUrl":447},"Deep codebase initialization with hierarchical AGENTS.md documentation",{"claudeCode":445},"Yeachan-Heo/oh-my-claudecode","deepinit","https://github.com/Yeachan-Heo/oh-my-claudecode",{"basePath":449,"githubOwner":450,"githubRepo":451,"locale":281,"slug":446,"type":241},"skills/deepinit","Yeachan-Heo","oh-my-claudecode",{"evaluate":453,"extract":459},{"promptVersionExtension":204,"promptVersionScoring":205,"score":395,"tags":454,"targetMarket":246,"tier":315},[455,456,457,458,212],"documentation","codebase","agent","typescript",{"commitSha":248},{"parentExtensionId":461,"repoId":462},"k17brg5egdw1jbncj1j4wfv3fh86n639","kd74zv63fryf9prygtq7gf4es986n22y",[457,456,455,212,458],{"evaluatedAt":465,"extractAt":466,"updatedAt":465},1778699437749,1778699234184]