🎯

frontend-reviewer

🎯Skill

from olehsvyrydov/ai-development-team

VibeIndex|
What it does

Reviews frontend code for quality, best practices, potential bugs, and adherence to coding standards, providing detailed feedback and improvement suggestions for frontend development.

frontend-reviewer

Installation

Install skill:
npx skills add https://github.com/olehsvyrydov/ai-development-team --skill frontend-reviewer
6
Last UpdatedJan 3, 2026

Skill Details

SKILL.md

Overview

# AI Development Team

A reusable repository of specialized Claude Code skills that work together like a real software development team. Each "agent" has deep expertise, follows best practices, and can be invoked for specific tasks.

Team Overview

```

MANAGEMENT LAYER

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”

β”‚ β”‚ β”‚

β”Œβ”€β”€β”€β”€β”€β”€β–Όβ”€β”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β”€β”€β–Όβ”€β”€β”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β”€β–Όβ”€β”€β”€β”€β”€β”€β”

β”‚ PRODUCT β”‚ β”‚ SCRUM β”‚ β”‚ BUSINESS β”‚

β”‚ OWNER β”‚ β”‚ MASTER β”‚ β”‚ ANALYST β”‚

β”‚ /po β”‚ β”‚ /sm β”‚ β”‚ /ba β”‚

β””β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”˜

β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”Όβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

β”‚

ARCHITECTURE LAYER

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β–Όβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”

β”‚ SOLUTION β”‚

β”‚ ARCHITECT β”‚

β”‚ /arch β”‚

β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

β”‚

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”Όβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”

β”‚ β”‚ β”‚

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β–Όβ”€β”€β”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β–Όβ”€β”€β”€β”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β–Όβ”€β”€β”€β”€β”€β”€β”€β”€β”

β”‚ BACKEND β”‚ β”‚ FRONTEND β”‚ β”‚ DEVOPS β”‚

β”‚ DEVELOPER β”‚ β”‚ DEVELOPER β”‚ β”‚ ENGINEER β”‚

β”‚ /be β”‚ β”‚ /fe β”‚ β”‚ β”‚

β””β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

β”‚ β”‚ β”‚

β”‚ QUALITY LAYER β”‚ β”‚

β–Ό β–Ό β–Ό

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”

β”‚ CODE β”‚ β”‚ UI/UX β”‚ β”‚ SECOPS β”‚

β”‚ REVIEWER β”‚ β”‚ DESIGNER β”‚ β”‚ ENGINEER β”‚

β”‚ /rev β”‚ β”‚ /ui β”‚ β”‚ β”‚

β””β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

β–Ό β–Ό

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”

β”‚ QA / TEST β”‚ β”‚ E2E β”‚

β”‚ DESIGNER β”‚ β”‚ TESTER β”‚

β”‚ /qa β”‚ β”‚ /e2e β”‚

β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

COMPLIANCE LAYER

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”

β”‚ β”‚ β”‚ β”‚

β”Œβ”€β”€β”€β”€β”€β–Όβ”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β–Όβ”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β–Όβ”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β–Όβ”€β”€β”€β”€β”€β”

β”‚ACCOUNTANT β”‚ β”‚ LEGAL β”‚ β”‚ MARKETING β”‚ β”‚ TECHNICAL β”‚

β”‚ /fin β”‚ β”‚ /legal β”‚ β”‚ /mkt β”‚ β”‚ WRITER β”‚

β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

```

---

Quick Start

Installation (One Command)

```bash

# Clone and install

git clone https://github.com/your-org/ai-dev-team.git

cd ai-dev-team

./install.sh

```

The installer will:

  • Detect existing ~/.claude directory
  • Offer merge or replace options
  • Backup existing configuration if replacing
  • Install all skills, commands, and templates

Manual Installation

```bash

# Clone the repository

git clone https://github.com/your-org/ai-dev-team.git

cd ai-dev-team

# Copy to ~/.claude

cp -r claude/* ~/.claude/

```

Verify Installation

```bash

# List installed skills

ls ~/.claude/skills/

# List commands

ls ~/.claude/commands/

# In Claude Code, try:

/agents

```

---

What Gets Installed

```

~/.claude/

β”œβ”€β”€ CLAUDE.md # Global instructions (TDD, workflow)

β”œβ”€β”€ TEAM_WORKFLOW.md # Complete team workflow documentation

β”‚

β”œβ”€β”€ skills/ # 33 AI agent skills

β”‚ β”œβ”€β”€ management/ # Product Owner, Scrum Master, Business Analyst

β”‚ β”œβ”€β”€ architecture/ # Solution Architect, GraphQL Developer

β”‚ β”œβ”€β”€ development/

β”‚ β”‚ β”œβ”€β”€ backend/ # Java, Kotlin, Python specialists

β”‚ β”‚ └── frontend/ # React, Angular, Vue, Flutter

β”‚ β”œβ”€β”€ quality/

β”‚ β”‚ β”œβ”€β”€ review/ # Code

More from this repository10

🎯
e2e-tester🎯Skill

Performs comprehensive end-to-end testing of web applications by simulating real user interactions and validating complete user workflows across different scenarios and system components.

🎯
backend-reviewer🎯Skill

Reviews backend code for quality, adherence to best practices, potential performance issues, and architectural consistency in software development projects.

🎯
apex🎯Skill

Based on the repository's structure and team-oriented approach, I cannot definitively determine the specific function of the "apex" skill from the README. The README provides an overview of the AI ...

🎯
legal-counsel🎯Skill

Provides AI-powered legal analysis, contract review, and risk assessment to help professionals draft, interpret, and validate legal documents efficiently

🎯
frontend-tester🎯Skill

Validates frontend code quality, performs automated UI testing, and generates comprehensive test reports to ensure robust web application functionality and user experience.

🎯
graphql-developer🎯Skill

Generates GraphQL schema definitions, resolvers, and type-safe API implementations with best practices for complex backend data layer architectures.

🎯
backend-tester🎯Skill

Validates backend API functionality, tests server-side logic, and generates comprehensive test cases to ensure robust and reliable backend system performance.

🎯
secops-engineer🎯Skill

secops-engineer skill from olehsvyrydov/ai-development-team

🎯
accountant🎯Skill

Analyzes financial transactions, generates accounting reports, and provides insights into financial data and potential cost-saving opportunities for business operations.

🎯
terraform-specialist🎯Skill

Manages infrastructure-as-code by creating, validating, and optimizing Terraform configurations with expert-level precision and best practices.