Uma skill de UI/UX para agentes de programação, que orienta a criação, reformulação e revisão de interfaces, além de uma CLI que inspeciona páginas em execução em busca de problemas de acessibilidade e layout.
flawless-ui-ux é um pacote de skills que oferece orientação de design para interfaces a agentes de programação como Codex, Claude Code, OpenCode e Cursor. Ele conecta o público, o conteúdo e a identidade do produto à composição, à tipografia, às cores, à densidade e às interações, e abrange a criação de novas telas, a reformulação das existentes, o refinamento de detalhes e a revisão do trabalho sem editar arquivos.
O projeto também inclui uma CLI npm. Ela coleta contexto do projeto, inspeciona arquivos-fonte selecionados ou um servidor de desenvolvimento em execução com um navegador headless e reporta problemas de contraste e nomenclatura relacionados à acessibilidade, tamanhos de fonte calculados, overflow horizontal, imagens quebradas e erros de JavaScript não capturados. É possível executar novamente uma baseline salva após as alterações para separar os problemas persistentes, novos e resolvidos.
A instalação copia a skill para os diretórios do projeto ou globais dos agentes compatíveis e requer Node 22.12 ou mais recente. As verificações da CLI são ferramentas de amostragem e não comprovam conformidade total com WCAG nem qualidade visual.
Instale a skill no seu projeto com npm
npx flawless-ui-ux@latest installPeça ao seu agente de programação para criar ou revisar uma interface usando a skill
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Agent Skills que ajudam agentes de programação a criar interfaces diferenciadas, usando direção de arte, fotos reais e uma verificação no navegador em vez de landing pages genéricas feitas por IA.
Um conjunto de 24 skills open source para orientar Claude Code, Codex, Cursor e opencode a gerar interfaces menos genéricas e com decisões de design mais deliberadas.
Uma skill de design de interfaces para agentes de IA que explora diferentes direções visuais, compara opções lado a lado e as refina com base em screenshots reais.
Regras e skills para evitar que agentes de programação com IA gerem interfaces genéricas, textos de marketing exagerados e comentários com cara de IA.
Uma skill de agente e CLI que ensinam agentes de programação com IA a criar interfaces refinadas e prontas para produção, em vez de designs genéricos com cara de IA.
Uma skill de agente que dá a agentes de programação, como Claude Code e Cursor, senso de design para criar e iterar em interfaces, apresentações e peças gráficas.