Cascading Style Sheets (CSS) development toolkit for Claude Code
andronics/claude-plugin-css-pro
Skill Claude CodeCodex
Accessibility audit for CSS covering focus styles, color contrast, text sizing, screen reader support, and WCAG compliance. Provides actionable fixes. Use when auditing accessibility or fixing a11y issues.
andronics/claude-plugin-css-pro
Skill Claude CodeCodex
CSS animation and transition creator. Generates optimized @keyframes, transitions, and transform sequences with performance best practices and motion accessibility. Use when adding animations, transitions, or micro-interactions.
andronics/claude-plugin-css-pro
Skill Claude CodeCodex
Color palette generation, contrast checking (WCAG), color space conversion, and color harmony tools. Ensures accessible and visually appealing color systems. Use when designing color schemes, checking accessibility, or creating design tokens.
andronics/claude-plugin-css-pro
Skill Claude CodeCodex
Deep CSS analysis tool for understanding specificity, cascade order, inheritance chains, and computed styles. Visualizes CSS complexity and suggests simplifications. Use when debugging specificity issues or understanding CSS behavior.
andronics/claude-plugin-css-pro
Skill Claude CodeCodex
Design token management for creating, organizing, and applying design tokens across projects. Supports multiple formats (CSS custom properties, Sass, JS, JSON). Use when setting up design systems or managing design tokens.
andronics/claude-plugin-css-pro
Skill Claude CodeCodex
Interactive Flexbox and Grid layout generator with real-time code output. Creates production-ready layouts based on your requirements with proper fallbacks and responsive considerations. Use when building layouts, grids, or complex positioning systems.
andronics/claude-plugin-css-pro
Skill Claude CodeCodex
CSS performance analysis covering bundle size, selector complexity, render-blocking resources, critical CSS, and optimization strategies. Use when CSS performance is slow or bundle size is too large.
andronics/claude-plugin-css-pro
Skill Claude CodeCodex
Responsive design assistance including breakpoint generation, fluid typography, container queries, and mobile-first/desktop-first strategy guidance. Use when creating responsive layouts or adapting designs for multiple screen sizes.