Nota del autor: Astryx es un sistema de diseño para React de código abierto creado por Meta, que todavía está en fase beta. Reúne componentes, temas y documentación pensada para que los agentes puedan consultarla. No es un modelo ni incluye una interfaz para invocar un Modelo de Lenguaje Grande.
Al usar agentes como Claude Code, Cursor o Codex para modificar interfaces de React, es habitual encontrarse con que los botones de una página tienen bordes redondeados y los de otra no; que algunos cuadros de diálogo se cierran al hacer clic en el fondo y otros no; o que el espaciado cambia de 12 px a 14 px. El problema no está en las capacidades del modelo, sino en que el agente no tiene un sistema de diseño que pueda consultar. Solo puede adivinar, de memoria, los nombres de los componentes y sus props. Astryx hace que las personas y los agentes consulten la misma referencia de componentes: las personas visitan el sitio de documentación y los agentes acceden al mismo contenido a través de la CLI, AGENTS.md o MCP.
Este artículo no se limita a repetir los comandos de instalación. A continuación, explicaremos qué datos son declaraciones oficiales de Meta, cuáles proceden de una única prueba de un autor externo y cuáles son recuentos que se pueden verificar a fecha de 2026-11-10, pero que pueden cambiar. También enumeraremos por separado los proyectos que todavía no conviene migrar.
Valor principal: al terminar de leer, podrás decidir si Astryx es adecuado para tu proyecto de React y conectarlo, en 4 pasos, a un mismo flujo de trabajo compartido por personas y agentes.
La imagen anterior es el banner que Astryx ha publicado oficialmente. Puedes consultar la interfaz en estos tres canales oficiales; no incluimos capturas adicionales en este artículo:
- Sitio de documentación:
astryx.atmeta.com - Explorador de componentes (Storybook):
astryx.atmeta.com/storybook/ - Prueba en línea (Sandbox):
astryx.atmeta.com/sandbox/
Aspectos clave de Astryx: qué es y qué no es
Primero, aclaremos sus límites. El repositorio oficial describe Astryx como un sistema de diseño de código abierto cuya apariencia se puede personalizar por completo y que está diseñado para que las personas y los agentes trabajen juntos. Tiene licencia MIT, está desarrollado principalmente en TypeScript y el README indica que está «Currently in Beta»: todavía no ha llegado a la versión 1.0.
| Aspecto | Descripción | Qué significa para ti |
|---|---|---|
| Base tecnológica | La documentación oficial indica que se basa en React 19+ y StyleX | Los proyectos con React 18 no están dentro del rango compatible |
| Tamaño de la biblioteca | Según la documentación oficial, incluye más de 150 componentes accesibles con tipos de TypeScript | Ya tienes la mayoría de los elementos habituales para crear páginas |
| Personalización visual | Incluye siete temas listos para usar; puedes cambiar colores, fuentes, bordes redondeados y animaciones desde la capa de tokens | Para cambiar el estilo, modifica el tema, no cada componente |
| Acceso para agentes | CLI, archivo AGENTS.md generado y MCP remoto |
El agente consulta la documentación en lugar de escribir basándose en lo que recuerda |
| Interfaz con modelos | No la incluye; la herramienta de codificación debe conectarla por su cuenta, por ejemplo, a través de APIYI apiyi.com | Los componentes no necesitan un modelo para renderizarse |
El origen de Astryx: qué afirmaciones son propias del equipo
Las siguientes afirmaciones proceden del README y de una publicación oficial del 2026-06-18, cuyo autor figura como Astryx team. Son declaraciones del equipo y no cuentan con una auditoría independiente: Astryx evolucionó durante ocho años dentro de Meta, es el sistema de diseño más utilizado y de mayor escala de la empresa, y da soporte a más de 13.000 aplicaciones. La publicación también plantea que, antes, los sistemas de diseño se escribían para que los leyeran las personas, pero cada vez más código lo escriben agentes. Por eso, Astryx se diseñó desde el principio para que la IA pudiera manejarlo, en lugar de añadir compatibilidad con agentes más adelante.
Hay dos fechas en la cronología; no las confundas. La publicación oficial se difundió el 2026-06-18, mientras que @astryxdesign/core apareció por primera vez en npm el 2026-06-24. Además, el repositorio de GitHub se creó el 2026-01-09: esa es la fecha de creación del repositorio, no la de su lanzamiento público.
Diferencias entre cambiar la apariencia de un paquete completo, copiar y pegar, y Astryx
La presentación oficial compara dos prácticas habituales. La tabla resume únicamente cómo las describe el equipo oficial; no incluye resultados de pruebas de rendimiento:
| Enfoque | Problema según la descripción oficial | Función de Astryx |
|---|---|---|
| Cambiar la apariencia de un paquete completo: usar directamente todo el sistema de diseño de una gran empresa | La aplicación acaba reflejando la identidad de marca de esa empresa | El sistema se encarga del comportamiento, la accesibilidad y la calidad |
| Copiar y pegar: crear un fork del código de los componentes para cada proyecto | No hay actualizaciones unificadas y la accesibilidad queda a cargo de cada usuario | El tema controla la apariencia, que se modifica en la capa de tokens |
| Astryx: instalar el paquete y cambiar su apariencia mediante un tema | Sigue en fase beta y en la versión 0.x | Si hace falta, puedes usar swizzle para extraer el código fuente de un componente concreto |
El README también destaca cuatro diferencias. La primera es la apertura interna: los componentes se pueden combinar en cualquier nivel, las piezas más habituales se exportan directamente y swizzle permite incorporar el código fuente completo de un componente al proyecto para que después tú te encargues de mantenerlo. La segunda es que los estilos no están bloqueados: puedes sobrescribirlos con className y combinarlos con Tailwind, CSS modules o CSS convencional. La tercera es que puedes personalizar sin envolver los componentes: un tema no es más que un conjunto de sobrescrituras de propiedades CSS personalizadas. La cuarta es que la API, la documentación y la CLI se diseñan en conjunto, para que tanto las personas como los asistentes de IA consulten la misma referencia.
Caso de terceros: el experimento de cambio de tema de un autor
El 2026-08-13, LogRocket publicó un artículo en el que el autor, Chizaram Ken, conectó Claude Code a Astryx y creó tres interfaces. Después, creó las mismas tres con shadcn/ui. Según cuenta el autor, al cambiar el tema de neutral a gothic, modificó dos archivos y cuatro líneas de código, sin tocar ningún archivo de componente.
Se trata de un experimento del propio autor, no de una prueba de referencia ni de los resultados de las pruebas de este artículo. El experimento se realizó antes de la versión actual, la 0.7.11, y la versión de entonces era distinta. Puede servir como ejemplo del diseño que separa los temas de los componentes, pero no como conclusión sobre el rendimiento.
Primeros pasos con Astryx: conecta a las personas y los agentes al mismo flujo en 4 pasos
Los cuatro pasos siguientes corresponden a los documentos oficiales Getting Started y Working with AI. En cada uno se indica qué hacer en la terminal o en un archivo y qué resultado confirma que se ha completado. Estos pasos se han recopilado a partir de la documentación oficial; no se ha ejecutado aquí la instalación.
Paso 1: instala los cuatro paquetes de Astryx
- Ejecuta en la terminal:
npm install @astryxdesign/core @astryxdesign/theme-neutral @stylexjs/stylex - Después, ejecuta:
npm install -D @astryxdesign/cli - También puedes usar pnpm o yarn; los nombres de los paquetes no cambian.
- Criterio de finalización: en
package.jsonaparecen los cuatro paquetes yreactyreact-domestán en la versión 19 o superior.
Es obligatorio instalar StyleX porque es una dependencia peer de core. Sin embargo, la documentación oficial también aclara que el uso de StyleX para los estilos de Astryx es transparente para quienes lo usan: no hace falta que cambies tu proyecto para usar StyleX. Los componentes solo reciben estilos mediante xstyle si decides usar StyleX directamente.
Paso 2: usa init para generar documentación que pueda leer el agente
- Ejecuta en la terminal:
npx @astryxdesign/cli init - Este comando no requiere interacción: pueden ejecutarlo directamente una persona, CI, un script o un agente.
- Criterio de finalización: aparece un archivo
AGENTS.mden la raíz del proyecto. Si el proyecto ya tenía unCLAUDE.md, la misma sección de instrucciones también se escribirá en ese archivo.
La información también se escribe en CLAUDE.md porque, según la documentación oficial, Claude Code omite AGENTS.md cuando el proyecto ya tiene un archivo CLAUDE.md. Si necesitas especificar una herramienta, puedes añadir un parámetro, como --agent claude, --agent cursor, --agent codex o --agent all. Gemini CLI solo lee GEMINI.md, así que init añadirá allí una línea que hace referencia a AGENTS.md.
Astryx administra el bloque delimitado en el archivo: init y upgrade solo modificarán ese bloque y no afectarán al resto del contenido que hayas escrito. La documentación oficial también señala que los agentes suelen equivocarse al deducir la ruta del CLI, por lo que recomienda añadir un alias de script en package.json:
- Nombre del script:
astryx - Valor del script:
node node_modules/@astryxdesign/cli/clients/cli/bin/astryx.mjs - Forma de invocarlo:
npm run astryx -- component --list
Paso 3: incorpora CSS y envuelve la aplicación con el tema neutral
- Importa
@astryxdesign/core/reset.cssen el CSS global. - Después, importa
@astryxdesign/core/astryx.css. - Ejecuta
npx @astryxdesign/cli theme add neutralen la terminal para generar el módulo de tema de la aplicación. - Importa
Themedesde@astryxdesign/core/theme, pásalethemes[defaultThemeSlug]y envuelve toda la aplicación. - Importa
Buttondesde@astryxdesign/core/Button. El ejemplo oficial usa las propslabelyonClick. - Criterio de finalización: aparece en la página un botón con el estilo de Astryx, no el botón predeterminado del navegador.
Esta ruta no requiere plugins de compilación ni configurar PostCSS o Babel. Ten en cuenta que los estilos de reset están en @layer reset y los de los componentes, en @layer astryx-base. Si el proyecto ya tiene CSS global, un reset anterior o Tailwind, tendrás que declarar el orden de las capas, ya que los estilos que no estén en una capa pueden sobrescribir astryx-base, independientemente de la especificidad de los selectores. La recomendación oficial es leer las dos secciones de npx @astryxdesign/cli docs migration/migration-setup antes de empezar a crear páginas.
Estas son las descripciones oficiales de los siete temas disponibles. Si no tienes una preferencia concreta, la recomendación oficial es empezar con neutral:
| Paquete del tema | Descripción oficial | Ideal para |
|---|---|---|
theme-neutral |
Baja saturación, minimalista | Un punto de partida predeterminado |
theme-butter |
Dorado cálido con toques de azul | Productos de estilo cálido |
theme-chocolate |
Tonos chocolate y caramelo | Un estilo retro |
theme-gothic |
Solo oscuro, con estética de tinta y noir | Interfaces completamente oscuras |
theme-matcha |
Verde vegetal | Un estilo natural |
theme-stone |
Neutros cálidos, como la arenisca | Paneles de administración sobrios |
theme-y2k |
Estilo divertido de principios de los 2000 | Páginas de eventos y productos lúdicos |
Paso 4: Pide al agente que escriba la UI siguiendo los tres pasos oficiales y, si hace falta, conecta MCP
Las reglas que genera init indican que, antes de escribir la UI, el agente debe seguir este orden:
npx @astryxdesign/cli build "<想法>": devuelve la plantilla de página más parecida —que incluirá al menos un esqueleto de aplicación—, dos plantillas alternativas y una lista de los bloques y componentes que faltan.npx @astryxdesign/cli template <名字> <路径>: incorpora la plantilla al proyecto y conserva el marco y el espaciado originales; solo sustituye el contenido.npx @astryxdesign/cli component <组件名>: muestra las props y los ejemplos de cada componente que se vaya a usar.- Las reglas también incluyen varias prohibiciones: cada página debe partir de una plantilla; no se deben usar
divsin más ni escribirstyle={{}}; hay que usar tokens y evitar los números mágicos. - Criterio de finalización: los nombres de componentes y las props que menciona el agente deben aparecer en la salida del CLI, no ser inventados.
Puedes comprobarlo con las tres preguntas que recomienda el equipo oficial: ¿cuál es la ruta correcta para importar Button? ¿Cómo se configura Dialog para que no se pueda cerrar fácilmente? ¿Qué prop de Selector se usa para pasarle items? Si el agente no sabe responder, ejecuta init primero. Las respuestas correctas son las que muestre el CLI en tu equipo.
Si necesitas hacer consultas remotas, puedes conectar el MCP oficial en https://astryx.atmeta.com/mcp. Ofrece dos herramientas: search(query), para buscar componentes, documentación y plantillas, y get(name), para obtener la documentación completa. La configuración varía según el cliente:
| Cliente | Configuración | Nota |
|---|---|---|
| Claude Code | Ejecuta en la terminal claude mcp add --transport http astryx https://astryx.atmeta.com/mcp |
El nombre del servicio es astryx |
| Cursor | En .cursor/mcp.json, escribe solo url |
No incluyas type para servicios remotos |
| Cline | En transport, escribe streamableHttp |
No uses http |
| Claude Desktop | En Settings, ve a Connectors → Add custom connector y pega la URL | El archivo de configuración solo admite stdio local |
| Otros clientes genéricos | Escribe http en type y añade url |
Si el cliente no reconoce el tipo de transporte, lo omitirá. Puede parecer que está conectado, pero no habrá herramientas disponibles. |
El equipo oficial no especifica un SLA para esta dirección remota ni indica qué hacer si el servicio deja de estar disponible. El CLI es la interfaz local para acceder a la misma documentación, así que puedes seguir usándolo si no logras conectar con MCP.
¿De dónde obtiene el modelo el agente de programación?
El sistema de diseño se encarga de los componentes y la documentación, pero para generar código, el agente de programación también necesita conectarse a un modelo. Si el equipo quiere proporcionar un modelo para herramientas como Claude Code o Cursor, puede usar la interfaz compatible con OpenAI de APIYI apiyi.com. Configura base_url como https://api.apiyi.com/v1 y el nombre del modelo según el que aparezca en la lista de modelos del día. Consulta la lista de modelos de la plataforma APIYI para ver los modelos y precios disponibles; APIYI ofrece los modelos que figuran en ella.
Ten en cuenta que los componentes se renderizan en el navegador y no necesitan ninguna interfaz de modelo. Usar APIYI o no hacerlo no afecta a la instalación ni al funcionamiento de Astryx.
🚀 Sugerencia para empezar: Puedes seguir los 4 pasos anteriores en una rama nueva para crear una página de plantilla. Después, pide al agente que la escriba dos veces con el mismo modelo: una con
AGENTS.mdy otra sin ese archivo. Compara los nombres de los componentes y los props de ambas versiones. Quienes empiezan pueden obtener créditos gratuitos de prueba en APIYI apiyi.com para hacer esta comparación.
Riesgos de Astryx y casos en los que no conviene migrar
Riesgos propios del producto Astryx
Astryx todavía está en Beta y su versión es 0.x. Al 2026-11-10, la versión latest de npm es la 0.7.11 (publicada el 2026-11-07), mientras que la versión estable anterior, la 0.7.10, se publicó el 2026-11-06. Las versiones estables se actualizan casi a diario. Al actualizar, todos los paquetes @astryxdesign/* que use el proyecto deben pasar a la misma versión. Después, ejecuta npx @astryxdesign/cli upgrade --from <旧的 core 版本> --apply. Cada tema declara la versión de core correspondiente; si olvidas actualizar el tema, no será compatible con core. Si el gestor de paquetes retrasa la instalación de versiones nuevas según su fecha de publicación, excluye todo el ámbito @astryxdesign/*. En pnpm, se hace añadiendo @astryxdesign/* a minimumReleaseAgeExclude.
En cuanto a los gráficos, @astryxdesign/vega y @astryxdesign/charts solo se publican con la etiqueta canary de npm; no tienen versiones estables. Al 2026-11-10, la versión canary es 0.7.12-canary.dfd75a6. Aunque su número de versión sea posterior al de latest, no debería usarse como dependencia de producción.
Riesgos de conectar modelos mediante APIYI
Esta sección se refiere únicamente a las invocaciones de modelos por parte de agentes de codificación. Las solicitudes pasan por la pasarela de APIYI. Quien realiza las llamadas administra su propia clave API y sus gastos, y el rendimiento real del modelo depende de la versión elegida y de las respuestas que devuelva la pasarela. Esto no equivale a iniciar sesión en una cuenta de Meta ni a usar un grupo de cuentas.
Proyectos que por ahora no conviene migrar
- El proyecto todavía usa React 18: las dependencias peer de core requieren que tanto
reactcomoreact-domsean la versión 19.0.0 o posterior. - Necesitas desde ahora las garantías de estabilidad de una versión 1.0: por el momento, el proyecto está marcado oficialmente como Beta y no ofrece esa garantía.
- Necesitas versiones estables de los gráficos desde ahora: los paquetes de gráficos solo tienen versiones canary.
- Quieres que desde el primer día el código fuente de cada componente esté en tu propio repositorio: eso corresponde a un enfoque de copiar y pegar. Astryx se instala como paquete de forma predeterminada; con
swizzle, puedes extraer el código fuente de componentes individuales cuando lo necesites.
Popularidad y versiones de Astryx: cifras al 2026-11-10
Las siguientes cifras corresponden al 2026-11-10. Cambiarán con el tiempo, así que no deben considerarse datos fijos:
| Métrica | Valor | Fuente |
|---|---|---|
| Estrellas en GitHub | 20,217 | API de GitHub meta/astryx |
| Forks | 1,536 | API de GitHub |
| Issues / PR sin cerrar | 297 / 373 | API de búsqueda de GitHub (670 en total; no equivale a 670 errores) |
| Descargas semanales de core | 661,968 (del 2026-11-02 al 11-08) | API de descargas de npm; cuenta descargas, no usuarios |
| Descargas de core en los últimos 30 días | 1,725,492 (del 2026-10-10 al 11-08) | API de descargas de npm |
Preguntas frecuentes
Q1: ¿Astryx es una biblioteca de componentes de Tailwind?
No. Según la documentación oficial, se basa en React 19+ y StyleX, y publica CSS precompilado. También se puede usar junto con Tailwind: puedes modificar la apariencia con `className`, y en el directorio `apps/` del repositorio encontrarás dos ejemplos: `example-vite-tailwind` y `example-nextjs-tailwind`. Si los combinas, presta atención al orden de las capas CSS que mencionamos antes.
Q2: ¿Puedo usar Astryx en un proyecto con React 18?
No. La versión 0.7.11 del paquete core requiere que tanto `react` como `react-dom` sean la versión 19.0.0 o posterior. React 18 no cumple este requisito, así que primero tendrás que actualizar el proyecto a React 19.
Q3: ¿Puede un agente usar la documentación de Astryx sin conectarse a MCP?
Sí. Con el archivo `AGENTS.md` generado por `init` y la CLI local, puedes completar los tres pasos: build, template y component. MCP es simplemente otra vía para hacer consultas remotas. Si quieres pegar el contenido en una conversación web, puedes acortar la salida con `–detail brief`, `–detail compact` o `–dense`.
Q4: ¿facebook/astryx y meta/astryx son dos repositorios distintos?
No, son el mismo repositorio. A fecha de 2026-11-10, al visitar `github.com/facebook/astryx` se obtiene una respuesta 301 que redirige a `github.com/meta/astryx`, la dirección oficial del repositorio. Cuando artículos antiguos mencionan facebook/astryx, se refieren a este mismo repositorio.
Q5: ¿Se pueden usar los componentes de gráficos de Astryx en producción?
Por ahora no es recomendable. `@astryxdesign/vega` y `@astryxdesign/charts` solo se publican con la etiqueta canary, y el README también indica que no tienen una versión estable. En proyectos de producción, puedes seguir usando la solución de gráficos que ya tengas.
Q6: ¿Basta con actualizar solo core?
No. La recomendación oficial es actualizar todos los paquetes `@astryxdesign/*` que use el proyecto a la misma versión; de lo contrario, el tema no será compatible con core. Cuando termines la actualización, ejecuta `upgrade –from <旧版本> –apply`. El comando también actualizará las secciones obsoletas de Astryx en `AGENTS.md`.
Q7: ¿Necesito una API de modelos para usar Astryx? ¿Qué relación tiene con APIYI?
Los componentes no necesitan una API de modelos para renderizarse. Solo necesitas conectarte a un modelo si quieres que un agente de programación escriba código; de eso se encargan herramientas como Claude Code o Cursor. Si tu equipo quiere proporcionar sus propios modelos, puede usar una clave en APIYI, apiyi.com, para acceder a varios modelos populares. APIYI no tiene ninguna relación de colaboración con Meta ni con Astryx.
Q8: ¿Puedo copiar el código fuente de un componente en mi repositorio y modificarlo?
Sí, pero no es la opción predeterminada. `swizzle` copia el código fuente completo de un componente en tu proyecto. A partir de ahí, tú te encargas de mantenerlo y gestionar las actualizaciones. La documentación oficial también recomienda usar `theme eject` solo cuando realmente necesites una rama independiente del código fuente.
Puntos clave de Astryx
- Enfoque: sistema de diseño de React de código abierto de Meta, con licencia MIT y todavía en fase Beta y versión 0.x.
- Responsabilidades: el sistema se encarga del comportamiento y la accesibilidad, mientras que el tema define la apariencia. Cambiar de tema no requiere modificar los archivos de los componentes.
- Requisitos obligatorios: se necesita React 19 o una versión posterior, y hay que instalar StyleX como dependencia peer.
- Flujo para agentes: primero ejecuta
initpara generarAGENTS.md; después, crea la página en este orden: build → template → component. - MCP es opcional: la dirección remota es
https://astryx.atmeta.com/mcp; la CLI local es otra puerta de entrada a la misma documentación. - Reglas de actualización: actualiza todos los paquetes
@astryxdesign/*a la misma versión. El paquete de gráficos solo está disponible en canary. - Modelo por separado: puedes conectar los modelos que necesite el agente de programación a través de APIYI en apiyi.com.
Resumen: ¿Puede Astryx ayudar a que los agentes creen interfaces coherentes?
Las interfaces que generan los agentes no son coherentes porque tienen que adivinar los nombres de los componentes y sus props. Astryx aborda este problema integrando los componentes, los temas y la documentación que consultan los agentes en un mismo sistema:
- Integración en 4 pasos: instala cuatro paquetes, ejecuta
init, importa el CSS y envuelve la aplicación conTheme. Después, el agente consulta la documentación en tres pasos antes de escribir código. - Distingue las fuentes: las más de 13.000 aplicaciones y los ocho años de uso interno son cifras declaradas por la propia empresa; cambiar de tema modificando solo cuatro líneas corresponde a una prueba puntual de un autor externo; las estrellas y las descargas son cifras registradas hasta el 2026-11-10.
- Comprueba primero si te conviene: si el proyecto sigue usando React 18, necesitas una versión estable del paquete de gráficos o buscas el compromiso de una versión 1.0, puedes aplazar la migración.
Si tu proyecto ya usa React 19 y quieres que el agente invente menos props, puedes probar una página de plantilla en una rama. Puedes conectar los modelos que necesite el agente de programación a través de APIYI en apiyi.com y usar el crédito gratuito de prueba para comparar cómo generan código distintos modelos con el mismo archivo AGENTS.md.
📚 Referencias
- Repositorio de Astryx en GitHub: README, lista de paquetes, catálogo de temas y explicación de los principios
- Enlace:
github.com/meta/astryx -
Nota: es la principal fuente de información publicada por el equipo oficial;
facebook/astryxredirige aquí. -
Artículo oficial de presentación de Astryx: explicación de la filosofía de diseño, publicado el 2026-06-18
- Enlace:
astryx.atmeta.com/blog/introducing-astryx -
Nota: de aquí procede la comparación con las alternativas de cambiar el diseño de todo el paquete y copiar y pegar.
-
Documentación «Getting Started» y «Working with AI»: instalación, temas, configuración de
inity MCP - Enlaces:
astryx.atmeta.com/docs/getting-started,astryx.atmeta.com/docs/working-with-ai -
Nota: son las fuentes oficiales de los cuatro pasos de este artículo.
-
Notas de lanzamiento de Astryx v0.7.11: versión estable actual e instrucciones de actualización
- Enlace:
github.com/meta/astryx/releases/tag/v0.7.11 -
Nota: es la fuente original del requisito de mantener todos los paquetes en la misma versión.
-
Artículo comparativo de LogRocket: 2026-08-13, escrito por Chizaram Ken
- Enlace:
blog.logrocket.com/astryx-vs-shadcn-meta-ai-react-claude - Nota: es una prueba puntual de terceros, realizada con una versión anterior a la 0.7.11.
Autor: equipo técnico de APIYI
Consultas técnicas: Si tienes problemas para conectar un agente de programación con un modelo, puedes contactarnos desde la página de inicio del sitio web oficial de APIYI.
