Memi

CI de diseño de agentes con cuatro habilidades instalables y 47 herramientas MCP para auditorías de frontend, memoria del sistema de diseño, Tailwind, shadcn, Figma, accesibilidad y creación de UI basada en especificaciones.

Documentación

Memi — the design layer for agentic AI.

npm version weekly npm downloads CI GitHub stars MIT license

Memi

La capa de diseño para IA agéntica.

Dale a tu agente de codificación un brief de interfaz antes de que edite. Memi mapea la interfaz de usuario ya presente en tu repositorio, detecta riesgos de accesibilidad y del sistema de diseño anclados a archivos, y te ofrece una verificación determinista para volver a ejecutar antes del merge. Comienza con la CLI y luego añade la misma compuerta a cada pull request.

Memi Studio está disponible hoy; Memi Canvas está actualmente en desarrollo. No se requiere cuenta, clave API, archivo de Figma, instalación global ni demonio para la primera auditoría.

Comienza con tu próxima interfaz · Obtén Memi Studio · Lee la investigación

Inicio rápido: encuentra tu primer problema de interfaz

Ejecuta una auditoría no destructiva en cualquier repositorio frontend. No necesita cuenta, clave API, archivo de Figma, instalación global ni demonio.

npx -y @memi-design/cli@latest diagnose . --json --no-write --fail-on none

El resultado incluye IDs de hallazgos normalizados, confianza, procedencia y evidencia file:line para que un agente pueda actuar sobre un hallazgo específico en lugar de adivinar.

Dale el mismo contexto a tu agente de codificación:

npx skills add memi-design/memi --skill audit-frontend-design

Luego pregunta:

Audita este frontend antes de editarlo. Prioriza los cinco cambios que más importarán a los usuarios, reutiliza el sistema existente y verifica el resultado después del parche.

Si Memi detecta un problema real de interfaz en tu proyecto, comparte el hallazgo. Los informes reales son la señal más útil para saber qué mejorar a continuación.

Costo y operación sin conexión

El diagnóstico local de código fuente utiliza reglas deterministas: sin llamada a modelo, clave API ni tarifa de modelo. Verifica el repositorio que proporcionas y devuelve hallazgos que tu agente puede verificar. La instalación, el tiempo de CPU, los runners de CI y cualquier agente que elijas siguen teniendo costos. La investigación publicada no ha establecido una ventaja de ahorro de dólares o tokens de extremo a extremo.

Comienza con un diagnóstico, aborda el hallazgo de mayor confianza y vuelve a ejecutar la misma verificación. Usa --agent-context para un índice de archivos acotado en lugar de enviar todo un repositorio a un modelo. Su enrutamiento es heurístico; un contexto más pequeño no es prueba de una tarea exitosa más barata. --files limita los hallazgos reportados sin iniciar Git; aún escanea el árbol para estadísticas agregadas.

Beta publicado: instala el paquete exacto 2.8.0-beta.2 para el flujo de trabajo frontend 2.8. La versión estable sigue siendo 2.7.9; la beta no es una versión estable. Consulta el estado de lanzamiento actual y las limitaciones conocidas.

El registro de lanzamiento npm beta2 identifica su fuente publicada y la evidencia de artefacto inmutable. El registro de lanzamiento npm beta1 preserva el historial de la versión anterior; no valida beta2. El bloqueo predeterminado 2.8 y el contrato de capacidades explícito no se aplican retroactivamente a 2.7.9.

npx -y @memi-design/cli@2.8.0-beta.2 --version
npx -y @memi-design/cli@2.8.0-beta.2 agent brief . --frontend --intent "Improve this interface" --json

La beta mantiene la revisión de seguridad gestionada, la paridad con SwiftUI y la certificación completa de DesignWorkbench explícitamente pendientes. No es estable ni aprobada por empleadores. La procedencia de publicación y los recibos de plataforma pertenecen al artefacto lanzado exacto.

La beta evita que el diagnóstico local escriba archivos del proyecto de forma predeterminada, mantiene las integraciones de pago opcionales y requiere concesiones explícitas para redes, subprocesos y persistencia de informes de código fuente. Una instalación de npm necesita acceso al registro; las afirmaciones de primer uso sin conexión requieren el paquete verificado por separado. Consulta el registro de aceptación, las limitaciones conocidas y la verdad de lanzamiento.

El flujo de trabajo frontend 2.8: la beta proporciona un brief frontend consciente del repositorio, cuatro herramientas MCP bloqueadas útiles, entradas de evidencia validadas de Figma/Paper y conflictos explícitos de reutilización de componentes. Consulta el flujo de trabajo frontend para comandos beta ejecutables y el plan de lanzamiento para las compuertas restantes. El escaneo de seguridad independiente gestionado y los recibos de auditoría de candidatos revisados y de re-renderizado SwiftUI siguen pendientes para la versión estable. La paridad de píxeles de Paper no está evaluada. De 158 rutas CLI inventariadas, 105 siguen diferidas; las concesiones amplias no las habilitan. No se establece ninguna afirmación de ahorro de dólares o tokens para tareas completas.

Qué cambia 2.8 para los agentes frontend

En 2.7.9En la beta 2.8
Diagnóstico, briefs de agente, herramientas de tokens, puente de Figma y habilidades ya existían.agent brief --frontend se une a exportaciones reales, props, tokens CSS/DTCG e historias CSF en una respuesta JSON de 2–16 KiB.
La configuración de harness exponía un catálogo amplio de herramientas.Stdio bloqueado se inicia sin sockets ni escrituras de proyecto; cuatro herramientas de lectura están disponibles sin concesiones.
Un mapeo de diseño podía quedar obsoleto o una advertencia de generador podía ignorarse.Los mapeos explícitos se verifican contra exportaciones actuales, props requeridos, referencias de tokens y hashes de fuente opcionales. Las especificaciones de registro marcadas como mapeadas bloquean la generación duplicada; un envoltorio de host proporciona orientación de reutilización.
Paper no tenía integración dedicada.Codex puede suministrar contexto seleccionado de Paper o Figma a través del mismo envoltorio validado; no se requiere sesión de modelo adicional ni conector empaquetado.
El diagnóstico estático podía presentar categorías no evaluadas como aprobadas.Las puntuaciones de calidad cubren solo categorías evaluadas; la cobertura y las omisiones de escaneo son separadas. La verificación del navegador permanece no evaluada hasta que realmente se ejecute.

El beneficio práctico es evidencia local más útil y señales de fallo más claras: un brief identifica un componente existente antes de que un agente lo duplique, el diagnóstico distingue categorías no verificadas de hallazgos evaluados, y diagnose --receipt-only proporciona un resultado separado solo de metadatos sin persistir un informe de código fuente. Las pruebas de regresión también expusieron y corrigieron defectos candidatos en lecturas de archivos acotadas, manejo de eventos malformados y códigos de salida de fallo. Esas correcciones mejoran un comportamiento específico; no establecen calidad de diseño universal, certificación de seguridad ni menor costo de tarea.

Los resultados empaquetados anteriores en la fuente 2a6d0e44 son evidencia histórica para esos bytes exactos. Las correcciones de runtime defensivas posteriores superan ese artefacto como candidato de lanzamiento; cada punto de control de fuente corregido se verifica a través de un paquete local separado y un digest. Consulta el registro de verificación para la fuente, el artefacto y el alcance de cada resultado. Los recibos de candidatos locales siguen siendo evidencia para sus bytes originales; no reemplazan el registro npm publicado.

El repositorio sigue siendo autoritativo para el código. Memi proporciona evidencia; Codex edita y ejecuta las verificaciones reales del proyecto. Los sistemas de CSS personalizado y de componentes existentes no necesitan una migración a shadcn. Esta beta difiere deliberadamente muchas rutas de comandos heredadas; aún no es una actualización directa para cada flujo de trabajo 2.7.

Pon la verificación en cada pull request

Copia examples/github-actions/memi-design.yml en tu repositorio como .github/workflows/memi-design.yml. El starter está fijado al commit revisado de la Action pública y brinda a los revisores:

  • una verificación de PR que falla solo por deuda de interfaz recién introducida;
  • un artefacto memi-design-health con el informe legible para humanos; y
  • anotaciones SARIF cuando el repositorio otorga security-events: write.

El flujo de trabajo no necesita clave API ni secreto de Memi. Los pull requests de forks aún reciben la verificación y el informe; la carga de SARIF se omite automáticamente cuando GitHub no otorga ese permiso.

Si prefieres configurarlo manualmente, la guía completa de GitHub Action documenta cada entrada, salida, permiso y archivo de evidencia.

Una capa de producto, tres superficies

SuperficieQué esEstado
Memi CLIInteligencia de interfaz y verificaciones deterministas para repositorios locales, agentes y CI.Disponible hoy
Memi StudioUn banco de trabajo para macOS que reúne contexto de proyecto, flujos de trabajo de agentes y verificación.Disponible hoy
Memi CanvasUn espacio de trabajo visual para contexto de sistema de diseño y propuestas de agentes controladas.Actualmente en desarrollo

Ve el producto

Memi StudioMemi Canvas — en desarrollo
Memi Studio workbench showing a project workspace, prompt, and inspector.Memi Canvas workspace preview showing a design system, proposal run, and verification state.
Reúne un prompt de agente, memoria de proyecto y una superficie de verificación en un solo banco de trabajo.Previsualiza contexto de sistema de diseño, inspecciona una propuesta y mantén a un humano en el circuito. Esta vista previa muestra una compilación de desarrollo activa, no una garantía de producto lanzado.

Qué añade Memi a un flujo de trabajo de agente

Antes de la ediciónDurante la ediciónAntes del merge
Descubre componentes, tokens, rutas, estados y brechas de accesibilidad.Dale al agente un brief acotado que nombre el sistema que debe preservar.Vuelve a ejecutar verificaciones deterministas y detecta nueva deuda de interfaz en CI.
NecesidadComienza con
Encuentra riesgos de UI y contexto de sistema de productoaudit-frontend-design
Planifica un cambio en torno a componentes y tokens existentesremember-design-system
Mantén la nueva deuda de interfaz fuera de los pull requestsenforce-design-ci
Construye y verifica interfaces nativas de Applebuild-swiftui-interface

Compatible con el registro shadcn y los sistemas de diseño v0.

Evidencia de un vistazo

La auditoría confirmatoria V15 es una divulgación técnica pública, no un ranking. Separa la admisión de recibos, la calidad de diseño renderizado, la aceptación funcional y las observaciones de recursos.

Registro medidoLectura exacta
36 / 36 recibos congelados admitidosCada celda de agente preregistrada tenía un recibo auditable. Esto es admisión de recibos, no rendimiento universal.
10 pares coincidentes completos evaluados por modeloComparaciones de calidad de diseño renderizado que sobrevivieron a la pantalla preespecificada. Esto es evidencia evaluada por modelo, no revisión independiente de profesionales.
Buzzr / Expo: media +1.4; Paraform / web: media −0.4La compuerta de no inferioridad acotada pasó en ambas familias de tareas evaluadas. No establece superioridad general.
0 / 21 pruebas corregidas de tarea por recurso rechazadasEl estudio no estableció una ventaja de velocidad, costo o uso de tokens.

Registro de lanzamiento histórico separado: el registro de candidato 2.7 reportó 2,187 / 2,187 pruebas aprobadas. Es evidencia de lanzamiento, no parte de V15 y no prueba que cada proyecto se beneficie.

Benchmarks y paper

V15 benchmark preview: scoped quality non-inferiority passed for two task families; the study makes no general superiority, speed, or cost claim.

La no inferioridad de calidad pasó para las familias de tareas acotadas Buzzr y Paraform. El paper completo reporta exclusiones, rutas fallidas y limitaciones sin imputación. No se hace ninguna afirmación de superioridad, velocidad o ahorro de dólares. Lee el PDF de auditoría estilo conferencia, inspecciona el protocolo y recibos o revisa el preregistro V17.

Memi InterfaceBench v1 es una especificación de 100 tareas objetivo con 5 tareas semilla fijadas; no es una puntuación de rendimiento agregada. El registro de candidato histórico reportó 2,187/2,187 pruebas y 70.57% de cobertura de declaraciones. La afirmación de mayor que 25% sigue no verificada. Inspecciona el contrato de benchmark y la evidencia de flujo de trabajo.

Memi DesignWorkBench v2 contiene 300 contratos de tareas y requiere calibración de profesionales antes de cualquier afirmación de certificación.

Prompts que se mapean a flujos de trabajo reales

ObjetivoPrompt de copiar y pegarFlujo de trabajo de soporte
Establecer una línea base antes de un cambio de UIAudita este frontend antes de editarlo. Prioriza los cinco cambios con la evidencia más clara de file:line.audit-frontend-design
Convertir la evidencia en un plan acotadoConvierte los hallazgos en un plan de cambio de UI acotado. Reutiliza componentes y tokens existentes antes de editar.remember-design-system
Proteger una solicitud de extracciónConfigura una compuerta de CI de diseño determinista para esta solicitud de extracción. Falla solo por deuda de interfaz recién introducida y guarda SARIF más el informe HTML.enforce-design-ci

Investigación, expresada claramente

La investigación es material de divulgación, no una tabla de clasificación de productos. Mantiene la evidencia funcional, de calidad renderizada y de recursos separada para que un resultado no pueda decir más de lo que respalda el estudio.

Elige tu integración

SuperficieComienza aquíMejor para
Ejecución CLI únicanpx -y @memi-design/cli@2.7.9 diagnose . --no-writeProbar Memi sin instalar
CLI globalnpm i -g @memi-design/cliUso local diario
Habilidad de agentenpx skills add memi-design/memi --skill audit-frontend-designCodex, Claude Code, Cursor y agentes compatibles
Acción de GitHubCopia el flujo de trabajo inicialCI de diseño para solicitudes de extracción
Servidor MCPmemi mcp start --no-figmaCualquier cliente MCP
Studiobrew install --cask memi-design/memi/memi-studioFlujos de trabajo macOS supervisados

Acción de GitHub

name: design
on: [pull_request]

permissions:
  contents: read

jobs:
  memi:
    runs-on: ubuntu-latest
    permissions:
      contents: read
      security-events: write
    steps:
      - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
        with:
          fetch-depth: 0
      - uses: memi-design/memi@5fcbf39e1255af0c14c5a17ba6bde8cf1206e525 # v2.7.9
        with:
          version: "2.7.9"
          report: true
          upload-sarif: true

La acción agrega anotaciones de escaneo de código, un resumen de pasos y un artefacto memi-design-health. La deuda existente se puede establecer como línea base mientras que la deuda recién introducida falla la compuerta.

Guía de la Acción de GitHub · Recetas de CI · versiones actuales

Configuración de agente y MCP

memi agent install codex --project .
memi agent install claude-code --project .
memi agent install cursor --project .
memi agent install grok-build --project .
{
  "mcpServers": {
    "memoire": {
      "command": "memi",
      "args": ["mcp", "start", "--no-figma"]
    }
  }
}

Mercado de complementos de Codex:

codex plugin marketplace add memi-design/memi --ref main --sparse .agents/plugins --sparse plugins/memoire

Guía de la pila de agentes · recetas de copiar y pegar · enrutador completo de habilidades

Confianza y prueba

La primera auditoría determinista no requiere carga de código fuente ni telemetría. Las integraciones conectadas amplían el límite y requieren revisión explícita. Memi tampoco tiene scripts de ciclo de vida de instalación npm, proporciona --dry-run --json del kit de agente, fija la Acción de forma inmutable y documenta los límites de terceros en NOTICE.

Comunidad

Damos la bienvenida a contribuciones. Consulta CONTRIBUTING.md para la configuración y la guía de solicitudes de extracción. Los errores y solicitudes de funciones pertenecen a issues; las preguntas y los informes de proyectos reales pertenecen a Discussions.

Las contribuciones útiles incluyen accesorios de auditoría reproducibles, adaptadores de frameworks, mejoras de habilidades, casos de UI accesibles, verificaciones de movimiento e informes de antes/después.

Licencia

Las referencias de la interfaz de Studio y los componentes adaptados incluyen Hermes WebUI y el límite del framework UI MIT Warp alrededor de warpui_core y warpui; el código de aplicación y cliente AGPL de Warp no se copia en Memi.

MIT. Consulta NOTICE para adaptadores opcionales y atribución completa de terceros.