🇺🇸English

Define Architecture

Define durable, easy-to-change architecture defaults for TypeScript apps.

How to use this skill

1. Determine context:
   • New codebase: follow Architecture setup workflow.
   • Existing codebase: follow Adoption workflow.
2. Produce an architecture brief using Output template.
3. Run Validation loop before finalizing.

Load references only when needed:

• Stack defaults: references/stack-defaults.md
• Shipping and rollout: references/shipping-practices.md
• Engineering quality checklists: references/craftsmanship.md

Architecture setup workflow

1. Define constraints first:
   • Product scope, team size, compliance/security needs, expected scale.
   • Deployment targets and required integrations.
2. Choose repo shape:
   • Use apps/ for deployable surfaces (api, web, admin).
   • Use packages/ for shared libraries (shared, ui, icons, auth, proto).

Adoption workflow (existing codebase)

1. Map current architecture and pain points.
2. Select the smallest set of changes that enforce clear module boundaries.
3. Migrate one vertical slice first.
4. Add guardrails (lint/type/test checks) to prevent regression.
5. Roll out module-by-module.

Stack defaults

Use references/stack-defaults.md as the default baseline. Deviate only when constraints require it.

Validation loop

Run this loop before finalizing architecture decisions:

1. Verify consistency:
   • Naming, module boundaries, and middleware rules are applied the same way across services.
2. Verify quality gates:
   • npm run lint
   • npm run check-types
   • npm run test --workspace=<pkg> (or equivalent targeted tests)
3. Verify operability:
   • Observability, health checks, and rollback path are defined.
4. If any check fails:
   • Fix the architecture brief or conventions.
   • Re-run the loop.

Output template

Use this structure for architecture recommendations:

# Architecture brief

## Context and constraints
## Repo shape
## Backend module contracts
## Request context and middleware policy
## Frontend boundaries
## Testing strategy
## Rollout and rollback plan
## Open risks and follow-ups

Skill handoffs

• Use ui-audit for final UI quality checks.
• Use ui-animation for motion-specific guidance.

Gotchas

• Don't default to microservices for teams under 5 — start with a modular monorepo and split later when boundaries are proven.
• Don't put app-level dependencies in root package.json in a monorepo — each app owns its deps.
• Don't skip the adoption workflow for existing codebases — big-bang rewrites fail; migrate one vertical slice first.
• Don't define module contracts (handler/service/dao) without enforcing them via lint rules or type checks — unenforced contracts decay immediately.
• Don't over-abstract shared packages early — wait until three or more apps need the same code before extracting to packages/.
• Don't skip the rollback plan — every architecture decision should be reversible or have a documented fallback.

Weekly Installs

76

Repository

mblode/agent-skills

GitHub Stars

19

First Seen

Jan 30, 2026

Security Audits

Gen Agent Trust HubPassSocketPassSnykPass

Installed on

cursor68

opencode68

gemini-cli67

codex67

github-copilot64

claude-code60