What does styles-lint do?

It lets an agent review CSS and SCSS code for style issues and check layouts at different screen sizes before proposing a fix.

When should the agent use it?

When reviewing stylesheets, component styles, and responsive behavior related to linting CSS and SCSS files.

Does it change my files directly?

It reviews code and checks rendered layout before proposing a fix; applying the fix is up to the agent and you.

Lint CSS and SCSS files

SkillFiles & storage

styles-lint is a skill for AI agents that reviews CSS and SCSS files for style issues. It is used when reviewing stylesheets, component styles, and responsive behavior, and it checks the rendered layout across breakpoints and interaction states before proposing a fix.

Use Lint CSS and SCSS files in Claude, ChatGPT or Ahel Desktop

Free. Sign in, add Lint CSS and SCSS files and connect your AI. About a minute.

Claude ChatGPT Ahel Desktop

Also: Claude Code · Cursor · Codex

Then ask your AI: use the Lint CSS and SCSS files skill

Details

Instructions available. Your AI can read the instructions. Execution depends on the setup they require.

Account requirements not reviewed. Check the skill instructions before use; ahel provides instructions and does not run this skill.

No other account needed.

Have an AI agent that can load skills.

Lint CSS and SCSS filesStart free

What your AI can do with it

Lint CSS files for style issues
Lint SCSS files for style issues
Review component styles
Check rendered layout across breakpoints
Check interaction states before proposing a fix

Getting started

Have an AI agent that can load skills.
Add the styles-lint skill to the agent's available skills.
Ask the agent to review a stylesheet or component styles, and it will apply the skill.

What this skill tells your AI

The instructions your AI receives, as published by thedaviddias/front-end-checklist in skills/styles-lint/SKILL.md and read by ahel’s review.

CSS linting catches syntax errors, enforces consistent coding standards, and prevents maintainability issues before they reach production.

Quick Reference

Install Stylelint with stylelint-config-standard
Add SCSS support with stylelint-config-standard-scss
Enable auto-fix in your IDE and pre-commit hooks
Include in CI/CD pipeline to catch issues early

Check

Set up CSS/SCSS linting tools like Stylelint to automatically detect syntax errors, enforce coding standards, and maintain consistent code quality.

Fix

Configure Stylelint with appropriate rules and integrate it into your build process and code editor for real-time error detection and fixing.

Explain

Explain how CSS linting prevents errors, enforces consistent coding standards, and improves maintainability of stylesheets across the team.

Code Review

Review stylesheets, component styles, and responsive states related to Lint CSS and SCSS files. Flag exact selectors, declarations, or breakpoints that violate the rule in the rendered UI.

For full implementation details, code examples, and framework-specific guidance, see references/rule.md.

Rule page: https://frontendchecklist.io/en/rules/css/styles-lint

Signals

GitHub stars: 74k
Forks: 7k
Last commit: Oct 2026

ahel review

K1binfo
installs-packages (in references/rule.md)

Automated review, not a security audit. Ruleset v1+k2.

Questions

What does styles-lint do?: It lets an agent review CSS and SCSS code for style issues and check layouts at different screen sizes before proposing a fix.
When should the agent use it?: When reviewing stylesheets, component styles, and responsive behavior related to linting CSS and SCSS files.
Does it change my files directly?: It reviews code and checks rendered layout before proposing a fix; applying the fix is up to the agent and you.

Advanced

Item type: skill
Key: styles-lint
Source: github.com/thedaviddias/front-end-checklist

github.com/thedaviddias/front-end-checklist