frontend-review

Review frontend code changes with parallelized Codex checks.

Updated Jan 26, 2026
One-click install
npx skills add https://github.com/fairy-pitta/claude-dotfiles --skill frontend-review
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-review
Source: https://github.com/fairy-pitta/claude-dotfiles/tree/main/skills/frontend-review
Command: npx skills add https://github.com/fairy-pitta/claude-dotfiles --skill frontend-review

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the rigorous code review process for frontend projects, ensuring adherence to modern best practices and architectural patterns without manual oversight.

Core Features & Use Cases

  • Parallelized Codex Review: Leverages Codex to perform five distinct, parallel code checks simultaneously.
  • Comprehensive Checklist Coverage: Reviews FSD Architecture, Type Safety, Vue Patterns, State Management, Performance, Accessibility, Query Handling, Error Management, Security, Testing, and Naming conventions.
  • Automated File Identification: Automatically identifies changed frontend files for review.
  • Use Case: After pushing changes to your Vue 3 frontend application, invoke this skill to get an immediate, detailed report on potential issues across multiple critical areas, allowing for rapid iteration and quality assurance.

Quick Start

Run the frontend-review skill to analyze recent changes in the frontend directory.

Frequently Asked Questions about frontend-review

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

FAQPage Schema
How do I automate frontend code review for Vue 3 and TypeScript projects?

Automating frontend code review for Vue 3 and TypeScript is done by performing a multi-faceted, parallelized analysis using Codex. It checks FSD architecture, type safety, Vue patterns, and state management against predefined checklists to identify potential issues automatically.

What is the best way to check FSD architecture and type safety in frontend code?

Checking FSD architecture and type safety in frontend code is best achieved through a parallelized review process. This approach analyzes changed frontend files against project rules, focusing on architectural boundaries, type safety, and query handling simultaneously.

Can I review TanStack Query and Vue.js state management patterns automatically?

Yes, you can review TanStack Query and Vue.js state management patterns automatically. The review process includes specific checklist coverage for query handling, error management, state management, and Vue patterns to ensure adherence to best practices.

Does the automated frontend review cover accessibility and security checks?

The automated frontend review does cover accessibility and security checks. It performs comprehensive checklist coverage across multiple critical areas, including performance, accessibility, security, testing, and naming conventions for recent code changes.

How does parallelized Codex review work for frontend changes?

Parallelized Codex review works by executing five distinct code checks simultaneously on frontend code. It automatically identifies changed files in the frontend directory and analyzes them against project rules to generate a detailed report.

What are the limitations of using automated review for frontend Vue applications?

Limitations of using automated review for frontend Vue applications include its strict focus on the frontend directory and specific technologies. It targets FSD architecture, Vue patterns, and TanStack Query, meaning projects using different frameworks or directories may not receive accurate analysis.