Skills
.Work. You
Rest

enforce-react-spa-architecture

Official

Enforce React SPA architecture

Software Engineering#architecture#react#clean architecture#vite#spa#prisma#ui guardrails
Authoranaregdesign
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enforces clean-architecture guardrails for Vite-powered React Router + Prisma v7 applications, ensuring code quality and maintainability from bootstrapping through ongoing development.

Core Features & Use Cases

  • Architecture Enforcement: Defines and enforces strict layer boundaries, dependency direction, and code structure.
  • UI Guardrails: Promotes consistent UI development with Fluent UI React v9, responsive design, and accessible patterns.
  • Verification: Integrates pre-push verification steps to catch architectural violations before they enter the codebase.
  • Use Case: When bootstrapping a new React SPA or refactoring existing code, use this Skill to ensure the project adheres to best practices for routing, state management, data access, and UI consistency.

Quick Start

Use the enforce-react-spa-architecture skill to bootstrap a new Vite-powered React Router and Prisma v7 application with strict layer boundaries and Fluent UI React v9.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: enforce-react-spa-architecture
Download link: https://github.com/anaregdesign/skills/archive/main.zip#enforce-react-spa-architecture

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.