---
titulo: Sistema de diseño agentic-first
resumen: Este mismo sistema. Estructura, enlace con producción y capa para agentes.
estado: desarrollo
creado: 2026-10-11
actualizado: 2026-10-11
id: iniciativas/sistema-agentic-first
url: /designloop/iniciativas/sistema-agentic-first
sync: null
---

# Sistema de diseño agentic-first

Este mismo sistema. Estructura, enlace con producción y capa para agentes.

## Resumen

Un sistema de diseño que personas y agentes leen igual: cada ficha es Markdown con datos estructurados, enlazada al código de producción y con su estado a la vista. La interfaz replica la doble barra lateral de Codex.

## Referencias

- Capturas de la interfaz de Codex (escritorio, 11 de octubre de 2026).
- [Vercel: DESIGN.md para agentes](https://vercel.com/blog/how-our-agents-build-on-brand-pages-with-design-md)
- [Gemba: cómo unimos producto e ingeniería](https://newsletter.gemba.es/p/como-unimos-producto-e-ingenieria)
- [Daniel Saltaren: carpetas por fase y README sincronizado](https://x.com/dsaltaren/status/2107488192777818297)
- [Paradigm](https://paradigmai.com/) y [Shopify Design](https://shopify.design/)

## Exploración

Primera versión de la estructura con el botón como ficha completa.

## Flujos

Ver [Metodología](/designloop/metodologia/principios).

## Handoff

Las fichas en producción se verifican con `npx ds check`. El motor vive en el kit (`design-system-agentic-first-kit`); este repo solo guarda el contenido.

## Playground

Pendiente.