clean-architecture-ts

Community

Structure Remix apps with clean architecture.

Authortoilahuongg
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Remix apps can accumulate complex logic inside loaders and actions, creating bloated routes that are hard to test and maintain. This guide promotes a layered architecture to separate concerns across Web Layer, Service Layer, and Repository Layer.

Core Features & Use Cases

  • Separation of concerns across the Web Layer (loaders/actions), the Service Layer (business rules), and the Repository Layer (data access).
  • Encourages dependency injection, testability, and clearer boundaries.
  • Use case: refactor a route to move business logic into a Service and data access into a Repository.

Quick Start

Refactor a Remix route by extracting business rules into a Service and data access into a Repository, then wire the Service from loaders and actions.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: clean-architecture-ts
Download link: https://github.com/toilahuongg/Google-Antigravity-Kit/archive/main.zip#clean-architecture-ts

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.