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.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Scans and evaluates the MarketNest frontend stack to validate HTMX attributes, Alpine.js patterns, Tailwind CSS usage, Razor partial structure, and anti-flicker/SSE/polling configurations, surfacing risks and improvement opportunities for UI behavior consistency.

Core Features & Use Cases

  • Performs a multi-rule frontend audit across HTMX core attributes, hx-boost, hx-push-url, hx-trigger, anti-forgery, Alpine.js patterns, Tailwind usage, and Razor partial conventions.
  • Produces a prioritized report with actionable HTML/C# fixes (BLOCKER / HIGH / MEDIUM / SUGGESTION) and a phase-driven workflow to guide remediation.
  • Activates on frontend file changes or inquiries about UI behavior (cshtml, js) and helps validate UI interactions post-change.

Quick Start

Run an initial inventory of Razor cshtml and JS files, then perform the 7-rule-group analyses and generate a prioritized report.

Frequently Asked Questions about frontend-htmx-review

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

FAQPage Schema
How do I audit HTMX and Alpine.js patterns in cshtml views?

To audit HTMX and Alpine.js patterns in cshtml views, you need a structured 7-rule-group analysis that validates core attributes, Alpine stores, and Razor partials to surface UI risks. It produces a prioritized report with actionable HTML/C# fixes.

What is the best way to find anti-flicker and SSE configuration issues in HTMX?

Finding anti-flicker and SSE configuration issues in HTMX involves scanning frontend assets to evaluate hx-trigger and hx-boost implementations. This process identifies polling and SSE pattern inconsistencies, categorizing them by severity with ready-to-implement fixes.

Can I check Tailwind CSS usage and antiforgery tokens across Razor partials?

Yes, you can check Tailwind CSS usage and antiforgery tokens across Razor partials by running a multi-rule frontend audit. This evaluates class structures and validates antiforgery implementations to ensure UI behavior consistency and security.

How do I fix HTMX hx-push-url and hx-boost validation errors?

Fixing HTMX hx-push-url and hx-boost validation errors requires applying phase-driven workflow steps from an audit report. This provides ready-to-implement HTML and C# fixes prioritized as BLOCKER, HIGH, MEDIUM, or SUGGESTION to guide remediation.

When do I need to run a frontend audit on MarketNest UI interactions?

You need to run a frontend audit on MarketNest UI interactions when frontend file changes occur or inquiries about UI behavior arise. This validates HTMX correctness and Alpine.js patterns post-change to maintain UI consistency across cshtml and JS assets.

What are the limitations of automated Tailwind and HTMX frontend reviews?

Automated Tailwind and HTMX frontend reviews are limited to analyzing cshtml views and JS assets for structural and attribute correctness. They cannot execute runtime UI behavior, requiring manual validation of complex SSE and polling interactions after applying suggested fixes.