This skill provides a comprehensive framework for creating high-quality visual artifacts within Claude. It enforces a strict 8px baseline grid for layout, ensures WCAG AA color contrast compliance, and utilizes the Okabe-Ito colorblind-safe palette for inclusive data visualization. By providing concrete tokens for typography, spacing, and stroke weights, it helps Claude generate consistent, polished, and professional-grade diagrams, charts, and presentations that scale perfectly across various display resolutions.
Key Features
01Comprehensive typography scale with grid-snapped line heights
02Strict 8px baseline grid for consistent spatial rhythm and layout
03Accessibility-first Okabe-Ito colorblind-safe palettes for data viz
040 GitHub stars
05Standardized border and stroke scales for visual clarity and emphasis
06WCAG AA contrast-compliant color selection and pairing requirements
