Sobre el proyecto
Tinte es un compilador de sistemas de diseño y una cadena de herramientas de temas. Su premisa es que un agente de codificación escribe interfaces de usuario alineadas con la marca cuando puede leer sus tokens como una API y sus reglas de composición como instrucciones; Tinte compila ambos desde una configuración de identidad en un único artefacto instalable.
La extracción, compilación y aplicación leen el mismo archivo tinte.config.json. Los comandos de CLI documentados incluyen: from --emit-script (imprime un script de extracción para una página en vivo), from --normalize (convierte estilos capturados en un borrador de identidad), build --plugin (compila la identidad en un Agent Plugin) y lint con una o más rutas, que finaliza con error 1 en cualquier color que omita los tokens.
tinte build --plugin emite un directorio de plugin que contiene plugin.json y una carpeta skill con SKILL.md más references/tokens.css. SKILL.md contiene la escala tipográfica, la voz y la ley de composición; tokens.css es el archivo de tokens que el agente lee como una API. El sitio del proyecto tinte.dev está estilizado por el plugin que Tinte compila desde su propia configuración, y design.md y tokens.css son accesibles en sus rutas reales.
Por separado, permanece disponible un constructor de temas: comienza desde una referencia, conviértelo en un proveedor e instálalo. Trece tokens semánticos OKLCH se compilan en presets de shadcn/ui, temas de VS Code, configuraciones de terminal (Alacritty, Kitty, Warp, Windows Terminal) y más de 19 formatos desde una única fuente de verdad. Los temas públicos se pueden instalar como elementos de shadcn registry:base a través de la API de presets, incluyendo una solicitud de variante de fuente y un endpoint de paquete que devuelve la base, fuentes y comandos de instalación, además de un endpoint para explorar temas públicos con búsqueda.
Ray by Tinte, en ray.tinte.dev, cubre capturas de pantalla de código y extracción de temas: más de 500 temas de sintaxis, 16 lenguajes, exportación PNG/SVG y una API REST gratuita documentada con 60 solicitudes por minuto sin autenticación. Los endpoints documentados extraen un tema de color de una imagen y capturan pantalla de código con cualquier tema de Tinte.
Los paquetes publicados para su reutilización incluyen @tinte/core para primitivas de temas, el modelo de color OKLCH y definiciones de tipos; @tinte/providers para los convertidores de formato; y el paquete npm tinte para el compilador de Agent Plugin e instalador de temas. El desarrollo utiliza bun para la instalación de dependencias, un servidor de desarrollo y una compilación de producción. El proyecto se publica bajo la Licencia MIT.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.