[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6CD64186SECA8CSX7NN7KPZ":3,"skill-same:01M6CD64186SECA8CSX7NN7KPZ":101},{"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":28,"publishedAt":42,"linkOnly":43,"markdownContent":44,"markdownBody":45,"frontMatter":46,"refName":48,"commitSha":49,"skillDirectory":50,"forksCount":51,"repositoryHtmlUrl":52,"repositoryHomepageUrl":6,"ownerHtmlUrl":53,"ownerBlogUrl":54,"ownerDescription":55,"updatedAt":56,"install":57,"resources":70},"01M6CD64186SECA8CSX7NN7KPZ","creating-data-visualizations",null,"Generate plots, charts, and graphs from data with automatic visualization type selection. Use when requesting \"visualization\", \"plot\", \"chart\", or \"graph\".","BbgnsurfTech\u002Fclaude-skills-collection","BbgnsurfTech","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F59598605?v=4","01M6C5ZT4G3G4QPQB64QDVW438","Bbgnsurf Technologies","01M6C5ZT8JN4VWSZZH3DD8J4EG",29,"MIT","https:\u002F\u002Fgithub.com\u002FBbgnsurfTech\u002Fclaude-skills-collection\u002Fblob\u002Fmain\u002Fplugins\u002Fclaude-code-plugins-plus\u002Fplugins\u002Fai-ml\u002Fdata-visualization-creator\u002Fskills\u002Fdata-visualization-creator\u002FSKILL.md",[18,23],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000013","分析与可视化","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000033","数据分析师","PROFESSION","适用职业",[29,30,31,32,33,34,35,36,37,38,39,40,41],"data","visualizations","Creating Data Visualizations","generate","visualization","graph","Charts","Bash","grep","read","write","edit","use","2026-11-10 10:12:30",false,"---\nname: creating-data-visualizations\ndescription: Generate plots, charts, and graphs from data with automatic visualization\n  type selection. Use when requesting \"visualization\", \"plot\", \"chart\", or \"graph\".\nallowed-tools: Read, Write, Edit, Grep, Glob, Bash\nlicense: MIT\n---\n## Overview\n\nThis skill empowers Claude to transform raw data into compelling visual representations. It leverages intelligent automation to select optimal visualization types and generate informative plots, charts, and graphs. This skill helps users understand complex data more easily.\n\n## How It Works\n\n1. **Data Analysis**: Claude analyzes the provided data to understand its structure, type, and distribution.\n2. **Visualization Selection**: Based on the data analysis, Claude selects the most appropriate visualization type (e.g., bar chart, scatter plot, line graph).\n3. **Visualization Generation**: Claude generates the visualization using appropriate libraries and best practices for visual clarity and accuracy.\n\n## When to Use This Skill\n\nThis skill activates when you need to:\n- Create a visual representation of data.\n- Generate a specific type of plot, chart, or graph (e.g., \"create a bar chart\").\n- Explore data patterns and relationships through visualization.\n\n## Examples\n\n### Example 1: Visualizing Sales Data\n\nUser request: \"Create a bar chart showing sales by region.\"\n\nThe skill will:\n1. Analyze the sales data, identifying regions and corresponding sales figures.\n2. Generate a bar chart with regions on the x-axis and sales on the y-axis.\n\n### Example 2: Plotting Stock Prices\n\nUser request: \"Plot the stock price of AAPL over the last year.\"\n\nThe skill will:\n1. Retrieve historical stock price data for AAPL.\n2. Generate a line graph showing the stock price over time.\n\n## Best Practices\n\n- **Data Clarity**: Ensure the data is clean and well-formatted before requesting a visualization.\n- **Specific Requests**: Be specific about the desired visualization type and any relevant data filters.\n- **Contextual Information**: Provide context about the data and the purpose of the visualization.\n\n## Integration\n\nThis skill can be integrated with other data processing and analysis tools within the Claude Code environment. It can receive data from other skills and provide visualizations for further analysis or reporting.","## Overview\n\nThis skill empowers Claude to transform raw data into compelling visual representations. It leverages intelligent automation to select optimal visualization types and generate informative plots, charts, and graphs. This skill helps users understand complex data more easily.\n\n## How It Works\n\n1. **Data Analysis**: Claude analyzes the provided data to understand its structure, type, and distribution.\n2. **Visualization Selection**: Based on the data analysis, Claude selects the most appropriate visualization type (e.g., bar chart, scatter plot, line graph).\n3. **Visualization Generation**: Claude generates the visualization using appropriate libraries and best practices for visual clarity and accuracy.\n\n## When to Use This Skill\n\nThis skill activates when you need to:\n- Create a visual representation of data.\n- Generate a specific type of plot, chart, or graph (e.g., \"create a bar chart\").\n- Explore data patterns and relationships through visualization.\n\n## Examples\n\n### Example 1: Visualizing Sales Data\n\nUser request: \"Create a bar chart showing sales by region.\"\n\nThe skill will:\n1. Analyze the sales data, identifying regions and corresponding sales figures.\n2. Generate a bar chart with regions on the x-axis and sales on the y-axis.\n\n### Example 2: Plotting Stock Prices\n\nUser request: \"Plot the stock price of AAPL over the last year.\"\n\nThe skill will:\n1. Retrieve historical stock price data for AAPL.\n2. Generate a line graph showing the stock price over time.\n\n## Best Practices\n\n- **Data Clarity**: Ensure the data is clean and well-formatted before requesting a visualization.\n- **Specific Requests**: Be specific about the desired visualization type and any relevant data filters.\n- **Contextual Information**: Provide context about the data and the purpose of the visualization.\n\n## Integration\n\nThis skill can be integrated with other data processing and analysis tools within the Claude Code environment. It can receive data from other skills and provide visualizations for further analysis or reporting.",{"name":5,"license":15,"description":7,"allowed-tools":47},"Read, Write, Edit, Grep, Glob, Bash","main","01d3fafeca1133f841956b8b90b939fee92d71e7","plugins\u002Fclaude-code-plugins-plus\u002Fplugins\u002Fai-ml\u002Fdata-visualization-creator\u002Fskills\u002Fdata-visualization-creator",9,"https:\u002F\u002Fgithub.com\u002FBbgnsurfTech\u002Fclaude-skills-collection","https:\u002F\u002Fgithub.com\u002FBbgnsurfTech","www.bbgnsurf.com","An ICT solutions provider and software development company","2025-12-18 20:19:58",{"source":8,"skillName":5,"commands":58,"prompt":68,"zipAvailable":69},[59,62,65],{"tool":60,"command":61},"npx","npx skills add BbgnsurfTech\u002Fclaude-skills-collection --skill creating-data-visualizations",{"tool":63,"command":64},"bunx","bunx skills add BbgnsurfTech\u002Fclaude-skills-collection --skill creating-data-visualizations",{"tool":66,"command":67},"pnpm","pnpm dlx skills add BbgnsurfTech\u002Fclaude-skills-collection --skill creating-data-visualizations","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FBbgnsurfTech\u002Fclaude-skills-collection\u002Fblob\u002Fmain\u002Fplugins\u002Fclaude-code-plugins-plus\u002Fplugins\u002Fai-ml\u002Fdata-visualization-creator\u002Fskills\u002Fdata-visualization-creator\u002FSKILL.md",true,[71,77,83,89,93,97],{"path":72,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":75,"sourceHtmlUrl":76},"assets\u002FREADME.md","ASSET","资产文件",456,"https:\u002F\u002Fgithub.com\u002FBbgnsurfTech\u002Fclaude-skills-collection\u002Fblob\u002Fmain\u002Fplugins\u002Fclaude-code-plugins-plus\u002Fplugins\u002Fai-ml\u002Fdata-visualization-creator\u002Fskills\u002Fdata-visualization-creator\u002Fassets\u002FREADME.md",{"path":78,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":81,"sourceHtmlUrl":82},"references\u002FREADME.md","REFERENCE","参考文档",620,"https:\u002F\u002Fgithub.com\u002FBbgnsurfTech\u002Fclaude-skills-collection\u002Fblob\u002Fmain\u002Fplugins\u002Fclaude-code-plugins-plus\u002Fplugins\u002Fai-ml\u002Fdata-visualization-creator\u002Fskills\u002Fdata-visualization-creator\u002Freferences\u002FREADME.md",{"path":84,"resourceType":85,"resourceTypeDesc":86,"sizeBytes":87,"sourceHtmlUrl":88},"scripts\u002Fchart_generator.py","SCRIPT","脚本",2980,"https:\u002F\u002Fgithub.com\u002FBbgnsurfTech\u002Fclaude-skills-collection\u002Fblob\u002Fmain\u002Fplugins\u002Fclaude-code-plugins-plus\u002Fplugins\u002Fai-ml\u002Fdata-visualization-creator\u002Fskills\u002Fdata-visualization-creator\u002Fscripts\u002Fchart_generator.py",{"path":90,"resourceType":85,"resourceTypeDesc":86,"sizeBytes":91,"sourceHtmlUrl":92},"scripts\u002Fdata_analyzer.py",4960,"https:\u002F\u002Fgithub.com\u002FBbgnsurfTech\u002Fclaude-skills-collection\u002Fblob\u002Fmain\u002Fplugins\u002Fclaude-code-plugins-plus\u002Fplugins\u002Fai-ml\u002Fdata-visualization-creator\u002Fskills\u002Fdata-visualization-creator\u002Fscripts\u002Fdata_analyzer.py",{"path":94,"resourceType":85,"resourceTypeDesc":86,"sizeBytes":95,"sourceHtmlUrl":96},"scripts\u002Fdata_validator.py",2922,"https:\u002F\u002Fgithub.com\u002FBbgnsurfTech\u002Fclaude-skills-collection\u002Fblob\u002Fmain\u002Fplugins\u002Fclaude-code-plugins-plus\u002Fplugins\u002Fai-ml\u002Fdata-visualization-creator\u002Fskills\u002Fdata-visualization-creator\u002Fscripts\u002Fdata_validator.py",{"path":98,"resourceType":85,"resourceTypeDesc":86,"sizeBytes":99,"sourceHtmlUrl":100},"scripts\u002FREADME.md",536,"https:\u002F\u002Fgithub.com\u002FBbgnsurfTech\u002Fclaude-skills-collection\u002Fblob\u002Fmain\u002Fplugins\u002Fclaude-code-plugins-plus\u002Fplugins\u002Fai-ml\u002Fdata-visualization-creator\u002Fskills\u002Fdata-visualization-creator\u002Fscripts\u002FREADME.md",[102,120,138,156,169,182],{"skillNo":103,"name":104,"nameZh":6,"description":105,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":106,"categories":107,"keywords":111,"publishedAt":42},"01M6CDVX5RHG36WP2Z7X8WAYYA","testing-visual-regression","Detect visual changes in UI components using screenshot comparison.\nUse when detecting unintended UI changes or pixel differences.\nTrigger with phrases like \"test visual changes\", \"compare screenshots\", or \"detect UI regressions\".","https:\u002F\u002Fgithub.com\u002FBbgnsurfTech\u002Fclaude-skills-collection\u002Fblob\u002Fmain\u002Fplugins\u002Fclaude-code-plugins-plus\u002Fplugins\u002Ftesting\u002Fvisual-regression-tester\u002Fskills\u002Fvisual-regression-tester\u002FSKILL.md",[108],{"categoryNo":109,"categoryName":110,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000008","测试与质量",[112,113,114,40,37,38,39,41,115,116,117,118,119,36],"testing visual regression","testing","regression","components","test","screenshots","screenshot","ui",{"skillNo":121,"name":122,"nameZh":6,"description":123,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":124,"categories":125,"keywords":127,"publishedAt":42},"01M6CDVT4S54EMAPZ231KSP2XQ","generating-unit-tests","Automatically generate comprehensive unit tests from source code covering happy paths, edge cases, and error conditions.\nUse when creating test coverage for functions, classes, or modules.\nTrigger with phrases like \"generate unit tests\", \"create tests for\", or \"add test coverage\".","https:\u002F\u002Fgithub.com\u002FBbgnsurfTech\u002Fclaude-skills-collection\u002Fblob\u002Fmain\u002Fplugins\u002Fclaude-code-plugins-plus\u002Fplugins\u002Ftesting\u002Funit-test-generator\u002Fskills\u002Funit-test-generator\u002FSKILL.md",[126],{"categoryNo":109,"categoryName":110,"taxonomyType":21,"taxonomyTypeDesc":22},[128,129,32,130,131,116,40,132,133,134,41,135,136,39,38,37,36,137],"unit tests","Generating Unit Tests","create","add test","functions","modules","test coverage","coverage","code","edge",{"skillNo":139,"name":140,"nameZh":6,"description":141,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":142,"categories":143,"keywords":148,"publishedAt":42},"01M6CDVPQKGQ450Q50ZC84FPMR","generating-test-reports","Generate comprehensive test reports with metrics, coverage, and visualizations.\nUse when performing specialized testing.\nTrigger with phrases like \"generate test report\", \"create test documentation\", or \"show test metrics\".","https:\u002F\u002Fgithub.com\u002FBbgnsurfTech\u002Fclaude-skills-collection\u002Fblob\u002Fmain\u002Fplugins\u002Fclaude-code-plugins-plus\u002Fplugins\u002Ftesting\u002Ftest-report-generator\u002Fskills\u002Ftest-report-generator\u002FSKILL.md",[144,145],{"categoryNo":109,"categoryName":110,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":146,"categoryName":147,"taxonomyType":26,"taxonomyTypeDesc":27},"01JBSEEDCAT000000000000034","行政与办公人员",[116,149,150,151,152,41,135,40,153,39,38,30,36,154,32,130,155,113,37],"reports","Generating Test Reports","test report","specialized","report","metrics","documentation",{"skillNo":157,"name":158,"nameZh":6,"description":159,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":160,"categories":161,"keywords":163,"publishedAt":42},"01M6CDVK97VFZ53CEYEGQ4QFZ6","orchestrating-test-execution","Coordinate parallel test execution across multiple environments and frameworks.\nUse when performing specialized testing.\nTrigger with phrases like \"orchestrate tests\", \"run parallel tests\", or \"coordinate test execution\".","https:\u002F\u002Fgithub.com\u002FBbgnsurfTech\u002Fclaude-skills-collection\u002Fblob\u002Fmain\u002Fplugins\u002Fclaude-code-plugins-plus\u002Fplugins\u002Ftesting\u002Ftest-orchestrator\u002Fskills\u002Ftest-orchestrator\u002FSKILL.md",[162],{"categoryNo":109,"categoryName":110,"taxonomyType":21,"taxonomyTypeDesc":22},[164,165,116,38,41,40,39,152,37,166,36,167,168,113],"orchestrating test execution","execution","parallel","orchestrate","run",{"skillNo":170,"name":171,"nameZh":6,"description":172,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":173,"categories":174,"keywords":176,"publishedAt":42},"01M6CDVFTCBQ65TGB1YJCZB90G","managing-test-environments","Provision and manage isolated test environments with configuration and data.\nUse when performing specialized testing.\nTrigger with phrases like \"manage test environment\", \"provision test env\", or \"setup test infrastructure\".","https:\u002F\u002Fgithub.com\u002FBbgnsurfTech\u002Fclaude-skills-collection\u002Fblob\u002Fmain\u002Fplugins\u002Fclaude-code-plugins-plus\u002Fplugins\u002Ftesting\u002Ftest-environment-manager\u002Fskills\u002Ftest-environment-manager\u002FSKILL.md",[175],{"categoryNo":109,"categoryName":110,"taxonomyType":21,"taxonomyTypeDesc":22},[177,116,40,39,38,152,37,36,29,178,179,113,180,181,41],"Managing Test Environments","infrastructure","setup","environment","manage",{"skillNo":183,"name":184,"nameZh":6,"description":185,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":186,"categories":187,"keywords":189,"publishedAt":42},"01M6CDVD0NPFXVEQGT9CMF02H0","generating-test-doubles","Generate mocks, stubs, spies, and fakes for dependency isolation.\nUse when creating mocks, stubs, or test isolation fixtures.\nTrigger with phrases like \"generate mocks\", \"create test doubles\", or \"setup stubs\".","https:\u002F\u002Fgithub.com\u002FBbgnsurfTech\u002Fclaude-skills-collection\u002Fblob\u002Fmain\u002Fplugins\u002Fclaude-code-plugins-plus\u002Fplugins\u002Ftesting\u002Ftest-doubles-generator\u002Fskills\u002Ftest-doubles-generator\u002FSKILL.md",[188],{"categoryNo":109,"categoryName":110,"taxonomyType":21,"taxonomyTypeDesc":22},[116,190,191,41,40,39,38,37,36,32,130,179],"Generating Test Doubles","dependency"]