skills.rest
mizchi
mizchiCOMMUNITY
Explore all skills by this author →
Website𝕏@mizchiGitHub

frontend-expert

Generate a frontend architecture perspective report from review artifacts.

320|3|Updated Apr 24, 2026
Search Tags:#architecture#frontend#state-management#code-review#developer-experience#component-design#build-configuration
One-click install
npx skills add https://github.com/mizchi/skills --skill frontend-expert-mizchi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-expert
Source: https://github.com/mizchi/skills/tree/main/frontend/review-perspectives/frontend-expert
Command: npx skills add https://github.com/mizchi/skills --skill frontend-expert-mizchi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a senior frontend architecture perspective during weekly AI reviews to surface design trade-offs and align on best practices for components, state management, DOM usage, developer experience, and build configuration.

Core Features & Use Cases

  • Senior architecture critique of component design, state management, DOM usage, DX, and build configuration.
  • Actionable perspective report that anchors decisions for the next sprint and can be committed to the repo.
  • Guidance for improvement across code structure, naming, and patterns to reduce risks in frontend projects.

Quick Start

Audit the client repository to generate the perspective report at .frontend-review/report/latest/md/perspective-frontend-expert.md.

Frequently Asked Questions about frontend-expert

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

FAQPage Schema
How do I generate a frontend architecture review report for my codebase?▼

To generate a frontend architecture review report, the Skill audits your repository by reading review artifacts like typescript.json, lint.json, and deps.json, then outputs a structured markdown perspective report directly in your client repository.

What does a senior frontend architecture critique cover during a code review?▼

A senior frontend architecture critique evaluates component design, state management, DOM usage, developer experience, and build configuration to surface design trade-offs and align on best practices for your project.

Can I use this frontend review on any TypeScript project?▼

This frontend review applies to frontend projects that can generate the required review artifacts, specifically typescript.json, lint.json, deps.json, and similarity.json, which the Skill reads to produce its analysis.

What's the best way to evaluate state management and component design trade-offs?▼

The best way to evaluate state management and component design trade-offs is through an automated weekly AI review that samples representative components and generates actionable insights for the next sprint.

Where does the frontend perspective report get saved after the codebase audit?▼

The frontend perspective report is saved as a markdown file at .frontend-review/report/latest/md/perspective-frontend-expert.md within your client repository for easy team access.

Related Skills

Explore More Software Engineering Skills→
mizchimizchi
320

performance-expert

Analyze bundle health and Core Web Vitals signals to identify frontend performance bottlenecks.

Community
Advanced
GeneralJerelGeneralJerel
6

triage-bugs

Triage bug reports into structured severity and priority reports.

Community
Advanced
johnlindquistjohnlindquist
24

workflow

Automate GitHub Actions CI/CD workflow management via the gh CLI with JSON output.

Community
Basic
winsorllcwinsorllc

code-review

Execute linters, static analysis, and security scanners on code.

Community
Intermediate