responsive-styling
OfficialBuild mobile-first, accessible CSS with ease.
Authorkanopi
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Automatically generate mobile-first responsive CSS/SCSS when creating component styles or mentioning responsive design. Ensures accessibility best practices are followed and styles scale cleanly across breakpoints.
Core Features & Use Cases
- Generates mobile-first CSS/SCSS for new components and design tokens.
- Enforces standard breakpoints (768px, 1024px) and WCAG AA color contrast, focus indicators, and reduced motion.
- Provides typography and spacing guidance to ensure consistent, accessible UI across devices.
Quick Start
Ask CMS Cultivator to generate responsive styles for a Button component with mobile-first defaults.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: responsive-styling Download link: https://github.com/kanopi/cms-cultivator/archive/main.zip#responsive-styling Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.