skills.rest
nhahoang1909
nhahoang1909COMMUNITY
Explore all skills by this author →
GitHub

frontend-code-review

Scan cshtml, HTML, CSS, and JS files for frontend quality rule violations.

Updated Apr 24, 2026
Search Tags:#performance#accessibility#frontend#htmx#code-review#alpine#ui-audit
One-click install
npx skills add https://github.com/nhahoang1909/MarketNest --skill frontend-code-review-nhahoang1909
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-code-review
Source: https://github.com/nhahoang1909/MarketNest/tree/main/.claude/skills/frontend-code-review
Command: npx skills add https://github.com/nhahoang1909/MarketNest --skill frontend-code-review-nhahoang1909

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend quality issues slow down delivery and degrade user experience. This skill provides a structured, rule-based review across frontend assets to uncover CSS tokens, HTML semantics, JS patterns, accessibility gaps, and framework-specific pitfalls.

Core Features & Use Cases

  • Scans HTML, CSS, and JavaScript across Razor/HTMX/Alpine patterns for quality gates.
  • Produces prioritized findings with actionable fixes and suggested templates.
  • Use Case: When you want to audit UI consistency, accessibility conformance, and performance readiness before release.

Quick Start

Run the frontend code review against your cshtml/html/css/js files to generate a targeted improvement report.

Frequently Asked Questions about frontend-code-review

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

FAQPage Schema
How do I run a frontend code review for HTMX and Alpine.js projects?▼

To run a frontend code review for HTMX and Alpine.js, execute this skill against your cshtml, html, css, and js files. It applies a structured, rule-based scan across eight categories including framework-specific patterns, then outputs a prioritized report with blockers, highs, and suggestions.

How do I check accessibility and HTML semantics in a Razor Pages codebase?▼

To check accessibility and HTML semantics in a Razor Pages codebase, this skill scans your cshtml files to identify semantic violations and accessibility gaps. It evaluates your markup against structured rules and highlights issues in a targeted improvement report.

Can I audit Tailwind CSS tokens and UI consistency before a release?▼

Yes, you can audit Tailwind CSS tokens and UI consistency before release. This skill evaluates your styling against predefined CSS token rules to uncover architectural violations, ensuring your frontend maintains strict design standards.

What is the best way to identify performance bottlenecks in frontend JavaScript patterns?▼

The best way to identify performance bottlenecks in frontend JavaScript patterns is using a structured, rule-based review. This skill analyzes your js files for inefficient JS patterns and performance issues, delivering actionable fixes and suggested templates.

Does this frontend code review tool work without external dependencies?▼

Yes, the frontend code review tool works without external dependencies. It operates as a standalone, rule-based scanner requiring only your cshtml, html, css, and js files as input to generate its structured quality report.

Related Skills

Explore More Software Engineering Skills→
nhahoang1909nhahoang1909

frontend-htmx-review

Audits Frontend Builder's HTML, CSS, and JSX files for WCAG 2.1 AA compliance issues and generates a report with code snippets and severity levels.

Community
Advanced
HAR5HA-7663HAR5HA-7663

critique

Quantify UX issues and generate prioritized Nielsen heuristics reports.

Community
Advanced
DevelopersGlobalDevelopersGlobal
65

ci-cd-pipelines

Automate CI/CD pipelines with quality gates and deployment processes.

Official
Advanced
jokken79jokken79
1

yukyu-component-doctor

Detect and repair frontend component issues in React, Vue, and vanilla JavaScript projects.

Community
Advanced