Enforce modern CSS conventions with low specificity and explicit cascade control.
npx skills add https://github.com/xobotyi/cc-foundry --skill css-xobotyi
Please help me install this Agent Skill. Skill: css Source: https://github.com/xobotyi/cc-foundry/tree/main/plugins/frontend/skills/css Command: npx skills add https://github.com/xobotyi/cc-foundry --skill css-xobotyi
This Skill addresses the common challenges of CSS unpredictability, high specificity, and complex cascade management, leading to more maintainable and robust stylesheets.
Apply the css skill to review the provided stylesheet for adherence to modern conventions.
High-intent search queries and answers about installing and using this skill.
Modern CSS layout systems like Flexbox and Grid provide predictable, explicit cascade control. Using low specificity selectors and custom properties ensures responsive design remains maintainable and prevents technical debt accumulation.
Yes, you can review and refactor existing SCSS and layout code by checking adherence to modern CSS conventions. This process identifies high specificity rules and cascade management issues, enabling robust stylesheet refactoring.
To structure responsive design and SCSS, apply core rules for selectors, box model, custom properties, and layout systems. This enforces modern CSS conventions and ensures low specificity, resulting in maintainable component stylesheets.
CSS styling breaks during refactoring due to high specificity and complex cascade management. Enforcing low specificity selectors and explicit cascade control prevents unpredictability, ensuring robust and maintainable stylesheets.
tarrragonValidate frontend DOM/CSS/JS interactions using Playwright across vanilla and frameworks.
mahamaneharouna9-cpuProvide expert guidance on CSS architecture, responsive design, and performance optimization.
cuiossStandardize CSS authoring with BEM, custom properties, and PostCSS tooling.
baasith6Convert CSS selectors, properties, and rules to Tailwind CSS utility classes.
