Astryx: Sistema de diseño de código abierto de Meta con más de 150 componentes, personalizable y listo para agentes de IA
Meta ha abierto el código fuente de Astryx, un sistema de diseño basado en React y StyleX con más de 150 componentes. Actualmente en beta, ya impulsa más de 13.000 aplicaciones internas en Meta, desarrollado durante ocho años por ingenieros, diseñadores y equipos de producto.
Características principales
- Cantidad de componentes: Más de 150 componentes React accesibles y tematizables con espaciado integrado, modo oscuro y estilos flexibles.
- Soporte CLI y MCP: Crea proyectos, explora plantillas, genera temas y obtén documentación lista para agentes desde la línea de comandos o mediante el Protocolo de Contexto de Modelo (MCP).
- Tematización personalizable: Comienza con temas listos para usar y adáptalos sin empezar de cero.
- Plantillas listas para producción: Plantillas para páginas comunes: solo tienes que añadir tu contenido.
- Creado con StyleX: La solución CSS-in-JS de Meta, ahora también de código abierto, que proporciona estilos sin tiempo de ejecución.
Detalles prácticos del sitio
La página de inicio muestra una interfaz de comercio electrónico completa: gestión de inventario con filtros (categorías, ubicaciones, etiquetas), un agente de chat en vivo que gestiona pedidos y devoluciones, un carrito de compra con métodos de envío y un panel de ingresos. El sistema incluye componentes como Badge, Checkbox, Switch, Buttons, Cards y muchos más, visibles en el explorador de componentes.
El CLI se puede usar para generar temas y crear proyectos. Para la integración con agentes, Astryx ofrece soporte de servidor MCP, lo que permite a los agentes de codificación de IA explorar componentes, generar temas y obtener documentación directamente desde la línea de comandos.
Astryx es de código abierto bajo una licencia permisiva (MIT o similar, consulta el repositorio). El proyecto está disponible en astryx.atmeta.com. Puedes empezar ejecutando el CLI tras instalar el paquete:
npm install astryx
npx astryx init --template default
npx astryx theme generate --brand-color #3355FF
npx astryx agent setup --mcpEstos comandos se deducen de la descripción del sitio; la sintaxis exacta puede variar.
Para quién es
Desarrolladores que crean aplicaciones React y necesitan un sistema de diseño probado en batalla con integración de agentes de IA para prototipado rápido y uso en producción.
📖 Lee la fuente original: HN AI Agents
👀 Ver también
Herramienta Local de Crítico de Imágenes con IA Utiliza Modelos de Visión Ollama para Retroalimentación
Un desarrollador ha creado una aplicación de escritorio gratuita que analiza imágenes generadas por IA localmente utilizando modelos de visión de Ollama. La herramienta proporciona informes de retroalimentación estructurados que incluyen sugerencias de mejora y actualizaciones de prompts.
Claude Code delega la codificación a Mistral/DeepSeek: 57 millones de tokens ahorrados, reducción de costos del 90-100%
Una habilidad de Claude Code llamada vibe-skill delega la codificación de bajo nivel a modelos económicos como Mistral o DeepSeek, mientras mantiene la planificación de Claude. Después de 254 ejecuciones en 10 días, ahorró 57M de tokens y logró un 90-100% de ahorro de costos con una tasa de éxito del 98%.
NGX-OS: Sistema Operativo de Red Construido para IA con Integración eBPF y MCP
NGX-OS es un sistema operativo de red diseñado desde cero para la integración con IA, utilizando eBPF para telemetría en tiempo real y MCP para acceso directo de LLM a los datos de estado de la red sin capas de traducción.
MiniMax Music 2.5 Generador de Música IA Lanzado con Control de Audio de Calidad de Estudio
MiniMax Music 2.5 es un modelo de generación de música con IA que crea canciones de calidad de estudio con salida Hi-Fi de 44.1kHz, más de 100 instrumentos y control de precisión a nivel de párrafo utilizando más de 14 etiquetas estructurales para dirigir la estructura de la canción.