uxskill
Marcar com estrela no GitHub
v3.1.0 · O CÉREBRO · AO VIVO MIT · SEM TELEMETRIA · SEM LLM

O cérebro que entrega design que não parece gerado.

Um sintetizador de 7 eixos transforma qualquer briefing em uma linguagem de design nova, ancorada à sua marca. Grátis, MIT, funciona em 17 ferramentas de codificação de IA.

Rolar
O que você entrega todos os dias

Sua IA entrega o centroide por padrão.

Peça a qualquer modelo para "construir uma landing page." Você obtém a média de cada página que ele já ingeriu, em dez segundos, todas as vezes. Veja como o centroide se parece.

Crie uma landing page de fintech para mim.
the slop
Certo. Quero que pareça conosco, não com todo mundo.
Esse é o trabalho completo. Continue lendo. the turn ↓
A virada

E se o modelo tivesse um cérebro de designer conectado?

Não um modelo maior. Uma camada determinística que compila uma linguagem de design (calor, contraste, geometria, tipo) em vez de buscar o template mais próximo.

Uma sequência, não cartões espalhados

Ele compila uma linguagem de design. Não um template.

Cinco etapas determinísticas, do início à entrega.

system.tokens.css
/* reading brief... */
--industry:'fintech'
--audience:'design-engineers'
--mood:'precise, calm'
01

Leia o briefing.

Indústria, público, humor: analisados em uma entrada estruturada, sem suposições.

system.tokens.css
/* synthesizing axes... */
--warmth:0.28
--contrast:0.91
--density:0.44
--formality:0.78
02

Defina sete eixos.

Calor, contraste, densidade, geometria, formalidade, movimento, tipo: ajustados, então emitidos como tokens.

system.tokens.css
/* anchoring brand... */
--canvas:#f6f7f9
--ink:#10131a
--accent:#5b9cff
--radius:10px
03

Ancore à sua marca.

Primária extraída dos pixels do seu logotipo, não a cor nomeada CSS mais próxima.

system.tokens.css
--display:'Bricolage Grotesque'
--body-font:'Inter'
/* linting 152 rules... */
/* 0 violations */
04

Verifique 152 anti-padrões.

Cabeçalhos gradientes, três cartões iguais, verbos de preenchimento: falha na construção aqui.

system.tokens.css
/* verifying 360px... */
/* h-scroll: none */
/* sticky: 56px ok */
/* verified ok */
05

Verifique o mobile, de verdade.

Renderizado em 360/390px reais no Chrome headless. Rolagem horizontal falha, não seus usuários.

O corpus é vocabulário

160 especificações de marca reais: como palavras, não carimbos.

O catálogo costumava ser um menu: escolha Stripe, obtenha tokens com sabor Stripe. a v3 virou isso de cabeça para baixo: Stripe, Linear, Vercel, Ferrari, Anthropic se tornam o vocabulário do qual o motor destila, então a saída é nova a cada chamada. Determinístico, offline, sem modelo no loop.

1,243  entradas estruturadas, consultáveis e com referências cruzadas

corpus.manifest styles84 palettes176 type-pairs70 components148 brands160 anti-patterns152 1,243 entries deterministic · offline · no LLM
Funciona onde você já constrói

O mesmo motor, a mesma saída fiel à marca, em todo lugar.

Claude Code, Cursor, Windsurf, Copilot, Gemini, Codex, Zed, JetBrains, Cline, Continue, Aider, Tabnine: uma instalação, sem configuração por ferramenta. Sua equipe mantém seu editor; o piso vem com ele.

Por que este é o piso

Três propriedades. Nenhum concorrente tem todas as três.

Determinístico

Mesmo briefing, mesmo sistema. Sem modelo no motor, sem telemetria, funciona em um avião.

Fiel à marca

Primária dos pixels do seu logotipo; um piso rígido de fidelidade rejeita qualquer saída fora da marca.

Com validação mobile

Renderizado em viewports reais de 360 / 390px: rolagem horizontal falha na construção, não seus usuários.

1,243
Entradas estruturadas
160
Especificações de marca
152
Regras anti-padrão
17
Integrações IDE
Instalar

Uma linha. Depois construa.

Pythonpip install uxskill
Nodenpx uxskill@latest
Fontegithub.com/Laith0003/ux-skill