tinte

Tinte é um compilador de design system e toolchain de temas. Sua premissa é que um agente de codificação escreve UIs alinhadas à marca quando consegue ler seus tokens como uma API e suas regras de composição como instruções; o Tinte compila ambos a partir de uma única configuração de identidade em um único artefato instalável. A extração, compilação e aplicação seguem o mesmo tinte.config.json. Os comandos de CLI documentados incluem: from --emit-script (imprime um script de extração para uma página ativa), from --normalize (transforma estilos capturados em um rascunho de identidade), build --plugin (compila a identidade em um Agent Plugin) e lint com um ou mais caminhos, que retorna erro 1 para qualquer cor que ignore os tokens. O comando tinte build --plugin gera um diretório de plugin contendo plugin.json e uma pasta skill com SKILL.md e references/tokens.css. O SKILL.md contém a escala tipográfica, a voz e a lei de composição; tokens.css é o arquivo de tokens que o agente lê como uma API. O site do projeto tinte.dev é estilizado pelo plugin que o Tinte compila de sua própria configuração, e design.md e tokens.css podem ser acessados em seus caminhos reais. Separadamente, um construtor de temas permanece disponível: comece com uma referência, converta para um provider e instale-o. Treze tokens semânticos OKLCH são compilados em presets shadcn/ui, temas de VS Code, configurações de terminal (Alacritty, Kitty, Warp, Windows Terminal) e mais de 19 formatos a partir de uma única fonte de verdade. Temas públicos podem ser instalados como itens de shadcn registry:base através da API de presets, incluindo uma solicitação de variante de fonte e um endpoint de pacote que retorna a base, fontes e comandos de instalação, além de um endpoint para navegar por temas públicos com busca. O Ray by Tinte, em ray.tinte.dev, abrange screenshots de código e extração de temas: mais de 500 temas de sintaxe, 16 linguagens, exportação em PNG/SVG e uma API REST gratuita documentada com 60 requisições por minuto sem autenticação. Endpoints documentados extraem um tema de cores de uma imagem e tiram screenshots de código com qualquer tema Tinte. Pacotes publicados para reuso incluem @tinte/core para primitivos de tema, o modelo de cores OKLCH e definições de tipos; @tinte/providers para os conversores de formato; e o pacote npm tinte para o compilador de Agent Plugin e instalador de temas. O desenvolvimento utiliza bun para instalação de dependências, servidor de desenvolvimento e build de produção. O projeto é lançado sob a Licença MIT.