frontend-architecture-review

Review frontend architectures and gate micro-frontend adoption before building at scale.

6|Updated Jul 10, 2026
One-click install
npx skills add https://github.com/Mozurok/fhorja.dev --skill frontend-architecture-review-mozurok
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-architecture-review
Source: https://github.com/Mozurok/fhorja.dev/tree/main/.claude/skills/frontend-architecture-review
Command: npx skills add https://github.com/Mozurok/fhorja.dev --skill frontend-architecture-review-mozurok

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Teams often adopt micro-frontends or complex frontend architectures on hype rather than evidence, then pay for it in coordination overhead, duplicated dependencies, and broken deployability. This Skill reviews a proposed or existing frontend architecture against a twelve-point scale checklist and returns an honest adopt-or-don't-adopt verdict before code is written. ## Core Features & Use Cases - Micro-frontend adoption gate: Defaults against adoption unless three or more independently deploying teams, real coordination pain, and domain-aligned boundaries all exist; otherwise recommends a modular monolith. - Twelve-point architecture checklist: Covers team and domain boundaries, independent deployability, governed shared dependencies, design-system sharing, runtime isolation, cross-app communication, routing and composition tier, rendering strategy, state at scale, performance budgets, and governance with failure handling. - Capability-routed review: Works with any frontend stack, naming frameworks or federation tools only when the task already chose them, and grounding tool-specific claims in captured references rather than memory. - Use Case: Before splitting a growing React monolith into federated remotes, run this review to get a verdict on whether micro-frontends are warranted and findings on each boundary, route, and shared dependency. ## Quick Start Ask the assistant to run frontend-architecture-review on the active task folder to evaluate the proposed frontend architecture and decide whether micro-frontends are justified.

Frequently Asked Questions about frontend-architecture-review

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

FAQPage Schema
How do I decide whether to adopt micro-frontends?▼

Adopt micro-frontends only when three or more teams genuinely need independent deployment, real cross-team coordination pain exists today, and boundaries fall on business domains rather than technical layers. Otherwise a modular monolith is the recommended default.

What does a frontend architecture review checklist cover?▼

The review covers twelve checks: team and domain boundaries, independent deployability, governed shared dependencies, design-system sharing, style and runtime isolation, cross-app communication, routing and composition tier, rendering strategy, state management, performance budgets, and governance with failure handling.

Does this review work with frameworks other than React?▼

Yes, the review is capability-routed and not tied to any framework. It reads the stack from the task's SOURCE_OF_TRUTH.md or DECISIONS.md and names a framework or federation tool only when the task already chose it.

When should I not use a frontend architecture review?▼

Do not use it to design a single system from scratch, to review GraphQL or REST API contracts, or without an active task folder. Those cases route to frontend-system-design, contract review commands, or task-init respectively.

Why does the review default against micro-frontends?▼

Micro-frontends add coordination cost, duplicated dependencies, and deployment complexity that most teams do not need. The default protects against fashion-driven adoption; federation-specific checks are marked not applicable when adoption is not warranted.