Standardize CSS authoring with BEM, custom properties, and PostCSS tooling.
npx skills add https://github.com/cuioss/cui-llm-rules --skill cui-css
Please help me install this Agent Skill. Skill: cui-css Source: https://github.com/cuioss/cui-llm-rules/tree/main/claude/marketplace/bundles/cui-frontend-expert/skills/cui-css Command: npx skills add https://github.com/cuioss/cui-llm-rules --skill cui-css
This Skill standardizes modern CSS practices across CUI projects, from fundamentals to responsive design, performance, accessibility, and tooling.
Apply the CSS standards to a project by wiring in PostCSS, Stylelint, and Prettier in your build process.
High-intent search queries and answers about installing and using this skill.
Mobile-first responsive design starts with styles for mobile devices, then uses media queries to enhance layouts for larger screens. This Skill covers mobile-first patterns, container queries, and fluid typography to build adaptive UIs across all device sizes.
BEM (Block Element Modifier) naming provides a scalable, predictable convention that reduces specificity conflicts and improves code readability. This Skill enforces BEM naming alongside CSS custom properties and low-specificity selectors for modular, maintainable stylesheets.
CSS linting and formatting integrate through PostCSS, Stylelint, and Prettier in your CI/CD pipeline to enforce quality standards automatically. This Skill covers tooling setup, build process integration, and quality enforcement across your project.
Accessibility compliance in CSS includes color contrast, focus states, responsive text sizing, and semantic structure. This Skill standardizes accessibility practices alongside responsive layout, dark mode support, and performance optimization.
CSS custom properties (variables) store design tokens centrally for consistent theming, dark mode, and dynamic runtime changes. This Skill standardizes custom property usage alongside component architecture and design-system creation.
Performance-aware CSS coding reduces unused styles, eliminates redundancy, and leverages modern properties efficiently. This Skill covers performance optimization techniques, modular file structure, and PostCSS integration to minimize impact.
cuiossEstablish CSS development standards for naming, custom properties, responsive patterns, and tooling.
telum-aiValidate UI components against design tokens and WCAG AA standards.
baekenoughApply automated build optimizations to reduce JavaScript bundle size.
Software-Design-ClubEnforce consistent CSS methodologies and design tokens across stylesheets.
