fullstack-conventions

Enforce full-stack coding conventions for React and TypeScript services.

17|5|Updated Feb 6, 2026
One-click install
npx skills add https://github.com/MonumentalSystems/Atlas-Agent-Teams --skill fullstack-conventions-monumentalsystems
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: fullstack-conventions
Source: https://github.com/MonumentalSystems/Atlas-Agent-Teams/tree/main/teams/fullstack-dev/skills/fullstack-conventions
Command: npx skills add https://github.com/MonumentalSystems/Atlas-Agent-Teams --skill fullstack-conventions-monumentalsystems

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill prevents fragmented implementations by enforcing consistent TypeScript, API, testing, and collaboration conventions across frontend and backend work.

Core Features & Use Cases

  • Full-stack consistency: Keep frontend and backend aligned on API contracts and response shapes like { data, error, meta }.
  • Robust engineering practices: Validate inputs at API boundaries, return proper HTTP status codes, keep controllers thin, and avoid leaking internal errors.
  • Quality assurance baked in: Cover happy and error paths for each endpoint, test user-visible frontend behavior, and follow existing test utilities and patterns.
  • Use case: When multiple agents build features like authenticated user dashboards, this Skill ensures everyone follows the same conventions for React components, service-layer logic, migrations, and test coverage.

Quick Start

Ask your coding agents to apply the fullstack-conventions rules while implementing a new authenticated user dashboard feature and ensuring API contract, migrations, and tests follow the shared patterns.

Frequently Asked Questions about fullstack-conventions

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

FAQPage Schema
How do I enforce consistent API response shapes across React and TypeScript services?

You can enforce consistent API response shapes by applying full-stack coding conventions that mandate a standard structure like `{ data, error, meta }` across frontend and backend boundaries. This prevents fragmented implementations and keeps services aligned.

What's the best way to standardize React component states for full-stack features?

The best way to standardize React component states is to enforce conventions requiring functional React components with typed props and explicit loading, error, and empty states. This ensures consistent user experiences across feature development and bugfixes.

How do I ensure deterministic test coverage for full-stack TypeScript applications?

You ensure deterministic test coverage by following existing project test utilities and patterns to cover both happy and error paths for each API endpoint. Additionally, test user-visible frontend behavior to maintain robust engineering practices.

How do I validate API boundaries and keep controllers thin in a TypeScript backend?

To validate API boundaries and keep controllers thin, enforce conventions that require validating inputs at the API layer, returning proper HTTP status codes, and avoiding internal error leakage. This maintains clean service-layer logic.

Does this full-stack convention approach work for database migrations and API contract updates?

Yes, this approach works for database migrations and API contract updates by ensuring all agents follow shared patterns for migrations and service-layer logic. It maintains consistency across frontend React and backend TypeScript services during feature development.

Why do my full-stack implementations become fragmented across multiple agents?

Full-stack implementations become fragmented when multiple agents build features without enforced team-wide coding conventions for TypeScript, API boundaries, and testing. Applying a shared convention standard ensures alignment on API contracts and response shapes.