[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6E4VTWSZYVNQG6HDRH51K5F":3,"skill-same:01M6E4VTWSZYVNQG6HDRH51K5F":103},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":34,"publishedAt":61,"linkOnly":62,"markdownContent":63,"markdownBody":64,"frontMatter":65,"refName":73,"commitSha":74,"skillDirectory":75,"forksCount":76,"repositoryHtmlUrl":77,"repositoryHomepageUrl":78,"ownerHtmlUrl":79,"ownerBlogUrl":80,"ownerDescription":81,"updatedAt":82,"install":83,"resources":96},"01M6E4VTWSZYVNQG6HDRH51K5F","prism-chart",null,"Use when asked to implement a chart, select a visualization type, or build a\ndata display component. Examples: \"implement chart for time series\", \"best\nvisualization for comparison data\", \"chart component for analytics\"","tonone-ai\u002Ftonone","tonone-ai","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F252718527?v=4","01M6E0753HQVTQWJCQCV4AHAAS","tonone.ai","01M6E075828PMH1WMX0VEB5SV8",77,"MIT","https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone\u002Fblob\u002Fmain\u002Fteam\u002Fprism\u002Fskills\u002Fprism-chart\u002FSKILL.md",[18,23,26,31],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000013","分析与可视化",{"categoryNo":27,"categoryName":28,"taxonomyType":29,"taxonomyTypeDesc":30},"01JBSEEDCAT000000000000030","开发工程师","PROFESSION","适用职业",{"categoryNo":32,"categoryName":33,"taxonomyType":29,"taxonomyTypeDesc":30},"01JBSEEDCAT000000000000033","数据分析师",[35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60],"chart","prism","prism chart","comparison","for","time series","analytics","display","when","data","grep","hello","read","build","component","examples","type","implement","code","Bash","series","use","frontend","time","select","visualization","2026-11-10 10:12:30",false,"---\nname: prism-chart\ndescription: |\n  Use when asked to implement a chart, select a visualization type, or build a\n  data display component. Examples: \"implement chart for time series\", \"best\n  visualization for comparison data\", \"chart component for analytics\"\nallowed-tools: Read, Bash, Glob, Grep\nversion: 0.6.6\nauthor: tonone-ai \u003Chello@tonone.ai>\nlicense: MIT\ncompatibility: Designed for Claude Code\ntags: [engineering, frontend, chart]\n---\n\n\u003C!-- GENERATED from SKILL.md.tmpl by scripts\u002Fgen-skill-docs.py — edit the .tmpl or skills\u002F_sections\u002F*.md, not this file -->\n\n# prism-chart — Chart & Visualization Selection\n\nFollow the output format defined in docs\u002Foutput-kit.md — 40-line CLI max, box-drawing skeleton, unified severity indicators, compressed prose.\n\n## When to use\n\nUser needs a chart implementation, visualization type recommendation, or data display component.\n\n## Workflow\n\n1. **Identify data type** from user request (time series, comparison, distribution, composition, relationship, etc.)\n2. **Search chart knowledge base:**\n   ```bash\n   python3 -m prism_agent.uiux search --domain chart --query \"{data_type}\" --limit 3\n   ```\n3. **Evaluate results** for: data volume threshold, accessibility grade, interaction level\n4. **Output** recommendation with library choice and accessibility fallback\n\n## Output format\n\n```\n┌─ Chart Recommendation — {data_type} ────────────────────────────────┐\n│ Chart type:        {chart_type}                                      │\n│ Library:           {library} (Chart.js \u002F Recharts \u002F D3 \u002F Plotly)    │\n│ Accessibility:     {grade} (AA \u002F A \u002F Below AA)                      │\n│ Interaction level: {level} (static \u002F hover \u002F drill-down)            │\n│ Data volume:       {threshold} (max recommended data points)        │\n├─ Color guidance ────────────────────────────────────────────────────┤\n│ {color_guidance}                                                     │\n├─ Accessibility fallback ────────────────────────────────────────────┤\n│ {fallback_description}                                               │\n└──────────────────────────────────────────────────────────────────────┘\n```\n\n## Anti-patterns\n\n- Never ignore data volume threshold — recommend aggregation if data exceeds it\n- Never skip accessibility fallback for charts graded below AA\n- Never choose a chart type based on visual appeal over data clarity\n- Never recommend a library without confirming it is compatible with the detected stack\n\n## Delivery\n\nIf output exceeds the 40-line CLI budget, invoke `\u002Fatlas-report` with the full findings. The HTML report is the output. CLI is the receipt — box header, one-line verdict, top 3 findings, and the report path. Never dump analysis to CLI.\n","\u003C!-- GENERATED from SKILL.md.tmpl by scripts\u002Fgen-skill-docs.py — edit the .tmpl or skills\u002F_sections\u002F*.md, not this file -->\n\n# prism-chart — Chart & Visualization Selection\n\nFollow the output format defined in docs\u002Foutput-kit.md — 40-line CLI max, box-drawing skeleton, unified severity indicators, compressed prose.\n\n## When to use\n\nUser needs a chart implementation, visualization type recommendation, or data display component.\n\n## Workflow\n\n1. **Identify data type** from user request (time series, comparison, distribution, composition, relationship, etc.)\n2. **Search chart knowledge base:**\n   ```bash\n   python3 -m prism_agent.uiux search --domain chart --query \"{data_type}\" --limit 3\n   ```\n3. **Evaluate results** for: data volume threshold, accessibility grade, interaction level\n4. **Output** recommendation with library choice and accessibility fallback\n\n## Output format\n\n```\n┌─ Chart Recommendation — {data_type} ────────────────────────────────┐\n│ Chart type:        {chart_type}                                      │\n│ Library:           {library} (Chart.js \u002F Recharts \u002F D3 \u002F Plotly)    │\n│ Accessibility:     {grade} (AA \u002F A \u002F Below AA)                      │\n│ Interaction level: {level} (static \u002F hover \u002F drill-down)            │\n│ Data volume:       {threshold} (max recommended data points)        │\n├─ Color guidance ────────────────────────────────────────────────────┤\n│ {color_guidance}                                                     │\n├─ Accessibility fallback ────────────────────────────────────────────┤\n│ {fallback_description}                                               │\n└──────────────────────────────────────────────────────────────────────┘\n```\n\n## Anti-patterns\n\n- Never ignore data volume threshold — recommend aggregation if data exceeds it\n- Never skip accessibility fallback for charts graded below AA\n- Never choose a chart type based on visual appeal over data clarity\n- Never recommend a library without confirming it is compatible with the detected stack\n\n## Delivery\n\nIf output exceeds the 40-line CLI budget, invoke `\u002Fatlas-report` with the full findings. The HTML report is the output. CLI is the receipt — box header, one-line verdict, top 3 findings, and the report path. Never dump analysis to CLI.\n",{"name":5,"tags":66,"author":68,"license":15,"version":69,"description":70,"allowed-tools":71,"compatibility":72},[67,57,35],"engineering","tonone-ai \u003Chello@tonone.ai>","0.6.6","Use when asked to implement a chart, select a visualization type, or build a\ndata display component. Examples: \"implement chart for time series\", \"best\nvisualization for comparison data\", \"chart component for analytics\"\n","Read, Bash, Glob, Grep","Designed for Claude Code","main","117b48ffd82ffc8429954da42f2bf062e84e1b26","team\u002Fprism\u002Fskills\u002Fprism-chart",11,"https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone","https:\u002F\u002Fsecond.tonone.ai","https:\u002F\u002Fgithub.com\u002Ftonone-ai","https:\u002F\u002Ftonone.ai","Founded by @thisisfatih","2026-11-11 05:05:57",{"source":8,"skillName":5,"commands":84,"prompt":94,"zipAvailable":95},[85,88,91],{"tool":86,"command":87},"npx","npx skills add tonone-ai\u002Ftonone --skill prism-chart",{"tool":89,"command":90},"bunx","bunx skills add tonone-ai\u002Ftonone --skill prism-chart",{"tool":92,"command":93},"pnpm","pnpm dlx skills add tonone-ai\u002Ftonone --skill prism-chart","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone\u002Fblob\u002Fmain\u002Fteam\u002Fprism\u002Fskills\u002Fprism-chart\u002FSKILL.md",true,[97],{"path":98,"resourceType":99,"resourceTypeDesc":100,"sizeBytes":101,"sourceHtmlUrl":102},"SKILL.md.tmpl","OTHER","其他",2687,"https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone\u002Fblob\u002Fmain\u002Fteam\u002Fprism\u002Fskills\u002Fprism-chart\u002FSKILL.md.tmpl",[104,112,119,124,129,136],{"skillNo":105,"name":106,"nameZh":6,"description":107,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":108,"categories":109,"keywords":110,"publishedAt":111},"01M72QSK7R99K8FWYFNYTXJGR2","helm-autoplan","Chained brief-to-decision pipeline. Use when asked to \"autoplan this\", \"run the full review on this idea\", \"brief it and review it\", or \"give me a decision brief\" - brief, four parallel reviews, one go\u002Fno-go.","https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone\u002Fblob\u002Fmain\u002Fteam\u002Fhelm\u002Fskills\u002Fhelm-autoplan\u002FSKILL.md",[],[],"2026-11-10 22:39:42",{"skillNo":113,"name":114,"nameZh":6,"description":115,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":116,"categories":117,"keywords":118,"publishedAt":111},"01M72Q6V4CB8E877RT5KJRSSB7","apex-second-opinion","Optional cross-model review of a diff or plan through an external CLI (codex, gemini, llm) already on PATH, with redaction and per-run consent. Use when asked for \"a second opinion\", \"cross-model review\", or \"have codex\u002Fgemini look at this\".","https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone\u002Fblob\u002Fmain\u002Fteam\u002Fapex\u002Fskills\u002Fapex-second-opinion\u002FSKILL.md",[],[],{"skillNo":120,"name":106,"nameZh":6,"description":107,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":121,"categories":122,"keywords":123,"publishedAt":111},"01M72PDNJ3NS66X4QZ6AM5BG91","https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone\u002Fblob\u002Fmain\u002Fskills\u002Fhelm-autoplan\u002FSKILL.md",[],[],{"skillNo":125,"name":114,"nameZh":6,"description":115,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":126,"categories":127,"keywords":128,"publishedAt":111},"01M72NV58FG71X4Y7H8E6W721A","https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone\u002Fblob\u002Fmain\u002Fskills\u002Fapex-second-opinion\u002FSKILL.md",[],[],{"skillNo":130,"name":131,"nameZh":6,"description":132,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":133,"categories":134,"keywords":135,"publishedAt":111},"01M72NEBG81JH7YNSDXYT8NHHE","helm-office-hours","Forcing-function intake before any brief. Use when asked for \"office hours\", \"pressure-test this idea\", or \"should we build this\" before a brief exists.","https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone\u002Fblob\u002Fmain\u002Fbundle\u002Fproduct-team\u002Fskills\u002Fhelm-office-hours\u002FSKILL.md",[],[],{"skillNo":137,"name":138,"nameZh":6,"description":139,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":140,"categories":141,"keywords":142,"publishedAt":111},"01M72NE7AS597YW6999C56CESR","helm-init","Short interview that writes PRODUCT.md, the durable product truth other skills read. Use when asked to \"init product\", \"write PRODUCT.md\", or \"set up product context\". Prefills from README and repo, asks max 6 questions.","https:\u002F\u002Fgithub.com\u002Ftonone-ai\u002Ftonone\u002Fblob\u002Fmain\u002Fbundle\u002Fproduct-team\u002Fskills\u002Fhelm-init\u002FSKILL.md",[],[]]