Enforce CSS standards for naming, organization, linting, and accessibility.
npx skills add https://github.com/NolanPic/churchfeed --skill frontend-css-nolanpic
Please help me install this Agent Skill. Skill: Frontend CSS Source: https://github.com/NolanPic/churchfeed/tree/main/.claude/skills/frontend-css Command: npx skills add https://github.com/NolanPic/churchfeed --skill frontend-css-nolanpic
This Skill addresses the challenge of unmaintainable and inconsistent CSS, leading to "CSS spaghetti" and difficult-to-manage stylesheets.
Apply the 'Frontend CSS' skill to refactor the styles.css file to align with the project's BEM naming conventions.
High-intent search queries and answers about installing and using this skill.
Enforce CSS naming conventions by applying standardized rules for class naming, file organization, and style structure. This Skill identifies and enforces frontend CSS standards—such as BEM, utility-first, or project-specific conventions—across component styles and stylesheets to prevent conflicts and ensure consistency.
Refactor CSS by reorganizing stylesheets according to project standards, applying consistent naming patterns, and auditing for style conflicts. This Skill guides restructuring of CSS, SCSS, CSS Modules, or CSS-in-JS code to align with BEM or utility-first conventions, making updates easier and reducing duplication.
Ensure CSS compliance by specifying requirements for accessibility-compliant selectors, responsive layout patterns, and style-guide conformance. This Skill enforces linting rules, naming conventions, and code quality checks that include responsive layouts and accessible styling practices.
Yes, this Skill applies to CSS, SCSS, CSS Modules, and CSS-in-JS pipelines. It identifies and enforces standards across these stylesheet formats, ensuring consistent code quality checks, naming conventions, file organization, and linting rules regardless of your preprocessing or styling approach.
Audit component styles by reviewing naming conventions, file organization, theming, responsive layouts, and style-guide conformance. This Skill specifies requirements for code quality checks and linting rules that help identify inconsistencies and enforce standards during component style edits or audits.
webdriverioEnforce frontend component coding standards across web UI projects.
rochaluiz8888Detect Google style violations across Python, TypeScript, JavaScript, and HTML/CSS files.
ekremmkasapDesign reusable UI components compatible across React, Vue, and Svelte.
aristoteleoConvert notebook preprocessing workflows into configurable dynamo Preprocessor agent skills.
