ddd-react SKILL.md skillA

ddd-react from salimramirez/agent-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add salimramirez/agent-skills/ddd-react@v1.0.2

Pins v1.0.2 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
salimramirez/agent-skills
Path
skills/ddd-react/SKILL.md
Versions recorded
3
Latest version
v1.0.2, committed Aug 31, 2026
First version recorded
Aug 31, 2026
Size
16,570 bytes
Repository stars
4
License
MIT

Structure a React frontend with Domain-Driven Design — bounded-context feature folders, a domain layer of immutable entity and command classes that carry behaviour, assemblers as an anti-corruption layer against the backend API, Zustand stores, and a presentation layer of routed views and reusable components. Use when organizing or refactoring a React app by business domain rather than by technical type, isolating API payloads from the app's own model, or deciding where business logic belongs…

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# DDD in React

Structure a **React** app around a domain. Start with the honest part below — DDD on the frontend is *adapted*, not the same as on the backend — then apply the structure and the idioms in the references.

This is an **opinionated** house style: for every decision it names one convention and says what that convention buys, rather than listing options. It is one coherent way to do this, not the only correct one; where a choice is genuinely open, the reference says so. Examples use the **QuickBite** food-delivery domain, in an `ordering` bounded context.

The stack is **React with TypeScript, React Router, Zustand and axios**, built with Vite, for a client-rendered SPA. `javascript.md` covers what changes if your project is JavaScript.

> **Where this comes from.** Its siblings `ddd-angular` and `ddd-vue` mirror real codebases. This one does not: it **derives** the same four-layer model onto React, and every framework-specific claim in it was checked by building and running a real app rather than by reasoning. Where React genuinely differs, the reference says what was measured. Treat the DDD structure as settled and the React mechanics as a well-tested opinion.
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add salimramirez/agent-skills/ddd-react@sha256:fd95efb14434f7d0

The line at the top of this page pins the label v1.0.2, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_smicrpzodyr6ergb.svg)](https://markdownregistry.com/a/art_smicrpzodyr6ergb)

3 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 3 versions of this file, all committed on Aug 31, 2026.

versioncommittedcommitsizeaudit
v1.0.2 latest2026-08-31 8ee61f6 16,570 BA view · diff
v1.0.12026-08-31 8789bc6 15,577 BA view · diff
v1.0.02026-08-31 6ddcb2e 15,528 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (16570 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

salimramirez/agent-skills · 4 stars · license MIT · pushed 2026-10-13 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_smicrpzodyr6ergb
GET https://markdownregistry.com/api/v1/resolve?ref=salimramirez/agent-skills/ddd-react
GET https://markdownregistry.com/api/v1/blob/fd95efb14434f7d0a0e5cee650d01f27f624d184a56ce42e72ad9bca3fc4dadf

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from salimramirez/agent-skills

ddd-angular SKILL.md skill
salimramirez/agent-skills · skills/ddd-angular/SKILL.md · Structure an Angular frontend with Domain-Driven Design — bounded-context feature folders, a domain layer of entities…
v1.1.6 · audit A · 4 stars
ddd-aspnet-core SKILL.md skill
salimramirez/agent-skills · skills/ddd-aspnet-core/SKILL.md · Write Domain-Driven Design code in ASP.NET Core / C# — bounded contexts as folders with four layers, aggregate roots…
v1.0.0 · audit A · 4 stars
ddd-fastapi SKILL.md skill
salimramirez/agent-skills · skills/ddd-fastapi/SKILL.md · Write Domain-Driven Design code in FastAPI / Python — bounded contexts as packages with four layers, aggregates as…
v1.0.0 · audit A · 4 stars
ddd-playbook SKILL.md skill
salimramirez/agent-skills · skills/ddd-playbook/SKILL.md · Model a business domain with Domain-Driven Design — bounded contexts, ubiquitous language, aggregates and their…
v2.0.1 · audit A · 4 stars
ddd-spring-boot SKILL.md skill
salimramirez/agent-skills · skills/ddd-spring-boot/SKILL.md · Write Domain-Driven Design code in Spring Boot / Java — the four-layer package structure, aggregate roots as JPA…
v1.1.0 · audit A · 4 stars
ddd-vue SKILL.md skill
salimramirez/agent-skills · skills/ddd-vue/SKILL.md · Structure a Vue frontend with Domain-Driven Design — bounded-context feature folders, a domain layer of entity and…
v1.1.0 · audit B · 4 stars

Every file in salimramirez/agent-skills

Browse by kind, by grade A, or by owner.