Welcome to Scope Rule Architects
A collection of specialized Claude Code agents that enforce the Scope Rule architectural pattern across different frontend frameworks. These agents help developers make consistent architectural decisions and maintain clean, scalable codebases.What is the Scope Rule?
The Scope Rule is a fundamental architectural principle that determines code placement based on usage scope: “Scope determines structure”2+ Features
Code used by multiple features MUST go in global/shared directories
1 Feature
Code used by a single feature MUST stay local in that feature
This rule is absolute and non-negotiable — no exceptions.
Why Scope Rule Architects?
Perfect Traceability
Know exactly where to find code in your project
Screaming Architecture
Structure immediately communicates functionality
Scalable Organization
Grows naturally with your application
Zero Architectural Debt
Prevents the “everything in components/” anti-pattern
Available Agents
Angular Agent
Angular 20+ with standalone components and signals
Next.js Agent
Next.js 15+ with App Router and Server Components
Astro Agent
Astro 5+ with Islands Architecture
React Agent
React 19+ with modern patterns
Battle-Tested Patterns
These agents are built on real-world architectural patterns used daily by:- Google Developer Expert in Angular
- Microsoft MVP
- Gentleman Programming Community Leader
Quick Example
- Question
- Answer
Get Started
Ready to improve your project architecture? Choose your path:Installation
Install the agents in Claude Code
Quickstart
Start making architectural decisions
Core Concepts
Deep dive into the principles