メニュー
Design clear, accessible data visualizations with appropriate chart selection and styling.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/Infrasity-Labs/dev-gtm-claude-skills --skill data-visualizationコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
Analyze images, websites, and Figma files to extract their design and generate a `design.md` with token system, component inventory, and reconstruction notes. Use this skill whenever the user wants to understand, document, replicate, or audit the design of something visual: a screenshot, a URL, a Figma link, a Pinterest reference, a mockup, a competitor's site, a component, a dashboard, a landing page. Also when they ask 'extract the design system from X', 'document the style of Y', 'analyze this visually', 'convert this image into tokens', 'help me replicate this design', 'what palette does this site use', 'how is this built'. Also for single elements: 'copy this navbar', 'recreate this illustration', 'give me a prompt to regenerate this graphic' — element mode outputs a focused element.md, with token-grounded image-model prompts when the element is visual art. If the user brings any visual source and wants to understand it at a design level — this skill should activate.
Code review automation for TypeScript, JavaScript, Python, Go, Swift, Kotlin, C#, .NET, Java, C, C++, Rust, Ruby, PHP, and Dart/Flutter. Analyzes PRs for complexity and risk, checks code quality for SOLID violations and code smells, generates review reports. Use when reviewing pull requests, analyzing code quality, identifying issues, generating review checklists.
Design rigorous A/B tests with hypotheses, variants, metrics, and sample size calculations.
SOC 職業分類に基づく
SKILL.md を表示中
| name | data-visualization |
| description | Design clear, accessible data visualizations with appropriate chart selection and styling. |
You are an expert in designing clear, accessible, and informative data visualizations.
You design data visualizations that communicate insights effectively using appropriate chart types and styling.
Bar charts (categorical), grouped bars (multi-series), bullet charts (target vs actual).
Line charts (continuous), area charts (volume), sparklines (inline).
Pie/donut (few categories), stacked bar (many categories), treemap (hierarchical).
Histogram, box plot, scatter plot.
Scatter plot, bubble chart, heat map.