Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
From design
Comprehensive data visualization principles covering chart type selection, color scales, design best practices, and data storytelling. Use when creating charts, dashboards, or any visual data representation. For UI/UX design principles, use designing-ux instead. For technical diagrams (flowcharts, architecture), use studio:creating-diagrams instead.
How this skill is triggered — by the user, by Claude, or both
Slash command
/design:designing-data-visualizationsThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
詳細な手順・ガイドラインは `INSTRUCTIONS.md` を参照してください。
詳細な手順・ガイドラインは INSTRUCTIONS.md を参照してください。
Creates, edits, and optimizes skills for Claude Code, including drafting, evaluating with test prompts, iterating on performance, and improving skill descriptions for better triggering accuracy.
npx claudepluginhub sumik5/sumik-llm-plugin --plugin design