Saltar al contenido
Academy
0/15

Rutas
En esta página

Construye con Milpa · Unidad 4 de 4

Compón con @milpa/design

Design entrega tokens, motion, primitives, components, artifacts y layouts. No entrega JavaScript: estado, datos y comportamiento siguen perteneciendo a la aplicación.

Inicial a intermedio30 min

Al terminar podrás

  • Cargar los seis bundles en orden
  • Separar contrato visual de lógica de producto

Entender

Design entrega tokens, motion, primitives, components, artifacts y layouts. No entrega JavaScript: estado, datos y comportamiento siguen perteneciendo a la aplicación.

Consume una versión publicada. Academy puede probar composiciones ac-*, pero no debe duplicar la anatomía de una pieza mui-* ni leer archivos privados del paquete.

Ver

Auditar el contrato ejecutable

Cambia tema y superficie; el gate calcula contraste en vivo.

Abrir artifact

Hacer

Ejecuta la práctica en tu checkout y conserva la salida como evidencia.

Abrir la guía de contribución

Verificar

Demuestra que puedes aplicar la unidad. El progreso solo avanza al aprobar la evaluación.

Criterios evaluados

  • Los bundles cargan tokens, motion, primitives, components, artifacts y layouts, en ese orden.
  • La lógica de progreso vive en Academy, no en Design.

Evaluación calificable

Resuelve los 3 escenarios. Esta unidad exige 3 de 3 respuestas correctas.

0 intentos
Pregunta 1 de 3Una página nueva de Academy usa mui-gate y el shell de documentación. ¿Qué carga respeta el contrato publicado de @milpa/design?
Pregunta 2 de 3Academy necesita guardar progreso, calificar cuestionarios y decidir qué unidad desbloquear. ¿A qué repositorio pertenece esa lógica?
Pregunta 3 de 3Una sola lección necesita combinar mui-card, mui-steps y un resumen de progreso específico de Academy. Todavía no existe un patrón reutilizable general. ¿Qué implementación respeta la gobernanza?

La calificación valida respuestas en este navegador; no certifica identidad.

Fuentes primarias

Contenido verificado: 2026-07-10