Does it support modern CSS frameworks?

Yes, it automatically detects Tailwind CSS and Bootstrap and will suggest using framework utilities over custom CSS when applicable.

Can I target specific files for review?

Yes, you can use the @file syntax (e.g., /pm7y-css-review @styles/main.scss) to audit a single file instead of the whole branch.

Will it automatically apply fixes to my code?

No, it focuses on analysis. It generates findings and a TASKS.md file via pm7y-ralph-planner for controlled, autonomous execution later.

What file types does this skill support?

This skill specifically targets and supports both standard .css and .scss (Sass) files.

CSS/SCSS Reviewer

Name: CSS/SCSS Reviewer
Author: pm7y

bypm7y

Design Tools

Analyzes CSS and SCSS codebases for complexity, over-specificity, and missed reuse opportunities while generating automated refactoring tasks.

About

The pm7y-css-review skill is a specialized auditing tool designed to maintain high-quality stylesheets within Claude Code. It scans CSS and SCSS files for deep nesting, ID selectors, and redundant styles, while identifying opportunities to leverage existing utility classes or CSS framework features like Tailwind and Bootstrap. By integrating with the pm7y-ralph-planner, it automatically translates review findings into a structured TASKS.md file, streamlining the transition from code audit to autonomous execution and refactoring.

Key Features

Automated specificity analysis targeting IDs, !important, and deep nesting
Framework-aware reuse detection for Tailwind CSS and Bootstrap
Global pattern inventory and naming convention consistency checks
SCSS abstraction auditing for redundant mixins, variables, and extends
0 GitHub stars
Seamless task generation integration with pm7y-ralph-planner

Use Cases

Technical debt cleanup and auditing of legacy stylesheets
Consolidating custom styles during migrations to utility-first frameworks
Pre-commit and PR auditing to prevent CSS bloat

About

Key Features

Automated specificity analysis targeting IDs, !important, and deep nesting
Framework-aware reuse detection for Tailwind CSS and Bootstrap
Global pattern inventory and naming convention consistency checks
SCSS abstraction auditing for redundant mixins, variables, and extends
0 GitHub stars
Seamless task generation integration with pm7y-ralph-planner

Use Cases

Technical debt cleanup and auditing of legacy stylesheets
Consolidating custom styles during migrations to utility-first frameworks
Pre-commit and PR auditing to prevent CSS bloat