skills.rest
yoshida55
yoshida55COMMUNITY
Explore all skills by this author →
GitHub

review-css

Review HTML, CSS, and JavaScript for unused rules, duplication, and semantic issues.

Updated Aug 27, 2026
Search Tags:#code review#html#frontend#optimization#javascript#css
One-click install
npx skills add https://github.com/yoshida55/skills --skill review-css
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: review-css
Source: https://github.com/yoshida55/skills/tree/main/review-css
Command: npx skills add https://github.com/yoshida55/skills --skill review-css

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates the comprehensive review of HTML and CSS code, identifying potential issues and suggesting improvements across various aspects of code quality and maintainability.

Core Features & Use Cases

  • Code Review: Analyzes HTML/CSS/JS files for issues like unused rules, code duplication, magic numbers, and semantic errors.
  • Improvement Suggestions: Provides actionable recommendations for refactoring, variable extraction, and adherence to best practices.
  • Use Case: A developer can use this Skill to quickly get a detailed report on the quality of their front-end code, ensuring consistency and efficiency before deployment.

Quick Start

Review the currently open HTML and CSS files for potential improvements.

Frequently Asked Questions about review-css

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I review HTML and CSS code for unused rules and duplication?▼

Reviewing HTML and CSS code for unused rules involves parsing the files to cross-reference selectors against markup, identifying orphaned rules and duplicated blocks, then extracting shared variables to optimize the stylesheet.

What is semantic HTML analysis and how does it improve frontend code?▼

Semantic HTML analysis evaluates markup structure to ensure proper tag usage, replacing generic tags with meaningful elements like header or article. This improves accessibility, SEO, and code maintainability by enforcing structural best practices.

How do I check CSS property ordering and identify magic numbers in stylesheets?▼

Checking CSS property ordering and identifying magic numbers involves scanning stylesheets for hardcoded values and inconsistent declaration sequences, then suggesting variable extraction and standardizing property order for readability.

Can I review a specific selected code range instead of an entire HTML file?▼

Yes, you can review a specific selected code range instead of an entire HTML file. The review process handles selected snippets by providing targeted refactoring suggestions based solely on the chosen code block, rather than analyzing the full document.

How do I detect AI-generated comment patterns in frontend JavaScript code?▼

Detecting AI-generated comment patterns in frontend JavaScript code involves analyzing comment syntax and phrasing to identify automated or boilerplate text, helping developers remove redundant notes and improve code documentation quality.

Related Skills

Explore More Software Engineering Skills→
ArianHobson333ArianHobson333
7

frontend-inferencer

Detect frontend frameworks like React, Angular, and Vue from JavaScript, HTML, and CSS signals.

Community
Intermediate
TheMostlyGreatTheMostlyGreat
8

refactoring

Refactor code one small change at a time with tests after each step.

Community
Advanced
testdino-hqtestdino-hq
9

html-css

Enforce Google's official HTML and CSS style guide for web development.

Official
Basic
adityaarsharmaadityaarsharma
2

orbit-bundle-analysis

Analyze JavaScript and CSS bundle weights for WordPress plugins.

Community
Advanced