skills.rest
viably-labs
viably-labsOFFICIAL
Explore all skills by this author →
GitHub

frontend-code-review

Identify frontend code quality issues across React, Vue, and Angular projects.

Updated Mar 10, 2026
Search Tags:#typescript#accessibility#frontend#react#angular#vue#code-review
One-click install
npx skills add https://github.com/viably-labs/vibegent --skill frontend-code-review-viably-labs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-code-review
Source: https://github.com/viably-labs/vibegent/tree/main/.agents/skills/majiayu000-frontend-code-review-dauquangthanh-hanoi-rainbow
Command: npx skills add https://github.com/viably-labs/vibegent --skill frontend-code-review-viably-labs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This frontend-code-review skill helps teams quickly identify frontend code quality issues across React, Vue, and Angular projects, reducing review time and increasing consistency.

Core Features & Use Cases

  • Analyze components across React, Vue, and Angular to surface architectural issues and maintainability concerns.
  • Evaluate TypeScript/JavaScript quality, naming, and error handling for robust code.
  • Review CSS/SCSS for consistency, responsiveness, and maintainability.
  • Assess performance implications, accessibility compliance, and potential security vulnerabilities.
  • Use Case: When preparing a PR, run a comprehensive review to generate a prioritized list of issues and actionable recommendations.

Quick Start

Provide the repository URL or code snippet you want reviewed to generate a detailed frontend code review 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 find frontend code quality issues in a React or Vue PR?▼

To find frontend code quality issues in a PR, you can run a comprehensive review to generate a prioritized list of architectural, TypeScript, and CSS issues with actionable recommendations.

What does a frontend code review cover for Angular projects?▼

A frontend code review for Angular projects covers component analysis, TypeScript and JavaScript quality, CSS consistency, accessibility compliance, performance tuning, and potential security vulnerabilities.

Can I review TypeScript and CSS maintainability using an automated frontend review?▼

Yes, an automated frontend review can evaluate TypeScript naming and error handling alongside CSS/SCSS consistency, responsiveness, and maintainability to produce a structured critique.

How do I assess accessibility and security compliance in a React codebase?▼

To assess accessibility and security compliance in a React codebase, perform a component analysis review that surfaces potential vulnerabilities and checks for accessibility compliance.

What is the best way to prepare for a frontend component architecture review?▼

The best way to prepare for a frontend component architecture review is to provide the repository URL or code snippet you want reviewed to generate a detailed report of maintainability concerns.

Does frontend code review work with both React and Vue frameworks?▼

Yes, frontend code review works with React, Vue, and Angular projects to identify architectural issues, evaluate styling consistency, and assess performance implications across these frameworks.

Related Skills

Explore More Software Engineering Skills→
kyirexykyirexy

vercel-deploy

Deploy projects to Vercel and generate preview and claimable URLs.

Community
Intermediate
Kael-DeanKael-Dean

audit

Audit frontend interfaces for accessibility, performance, theming, and responsive design issues.

Community
Advanced
phant-appphant-app

go-linting

Standardize Go linting with golangci-lint and a curated .golangci.yml configuration.

Official
Intermediate
thehivegroup-aithehivegroup-ai

react-tailwind-conventions

Standardize Tailwind CSS conventions for React UI components.

Official
Intermediate