Um kit de instruções e conhecimento que transforma Claude e outros agentes de programação em especialistas em design UX/UI, com tokens DTCG, especificações de componentes, 138 sistemas de design e 52 verificações objetivas.
nextlevelbuilder/ui-ux-pro-max-skill
Uma skill para agentes de IA que oferece a assistentes de programação regras de design de UI/UX pesquisáveis, estilos, paletas, combinações de fontes e orientações específicas para cada stack.
- Estrelas
- 138,031
- Forks
- 14,642
- Issues abertas
- 91
- Último commit
- há 6 dias
O que é?
UI UX Pro Max é uma skill para assistentes de programação com IA que fornece inteligência de design na criação de interfaces. Ela reúne um catálogo pesquisável de estilos de UI, paletas de cores para 192 tipos de produto, combinações de fontes selecionadas a dedo, recomendações de gráficos e diretrizes de UX. Um script de busca em Python consulta esse conteúdo usando o ranking BM25 e gera um sistema de design completo para determinado produto.
A skill pode ser instalada em ferramentas como Claude Code, Cursor, Windsurf, GitHub Copilot, Codex CLI e Gemini CLI pelo pacote npm ui-ux-pro-max-cli, que coloca os arquivos da skill no diretório esperado por cada assistente. As orientações específicas para cada stack abrangem frameworks web como React, Next.js, Vue, Angular e Svelte; opções para dispositivos móveis, como SwiftUI, Jetpack Compose e Flutter; e vários frameworks para desktop.
Os scripts de busca usam apenas a biblioteca padrão do Python e não fazem chamadas de rede. Também é possível salvar um sistema de design em um arquivo MASTER.md, com substituições opcionais por página, para reutilizar as mesmas regras em sessões futuras.
Recursos principais
- 01Catálogo pesquisável de 79 estilos de UI, com 50 ativos por padrão.
- 02Paletas de cores para 192 tipos de produto e 74 combinações de fontes selecionadas a dedo.
- 03Diretrizes específicas para 22 frameworks, incluindo React, Vue, SwiftUI e Flutter.
- 04Geração de sistemas de design a partir da descrição de um produto, por meio de um script CLI em Python.
- 05Arquivos de sistema de design persistentes, com substituições por página.
- 06Instalação em vários assistentes de programação com IA pelo pacote npm ui-ux-pro-max-cli.
Casos de uso
- Fornecer regras de design a um assistente de programação com IA antes de ele criar uma landing page ou um dashboard.
- Gerar um sistema consistente de cores e tipografia para um novo produto SaaS, fintech ou de saúde.
- Verificar se o código de UI segue diretrizes de acessibilidade e layout responsivo para um framework específico.
- Manter um único sistema de design entre sessões usando um arquivo MASTER.md e substituições por página.
Início rápido
- 1
Encontre o pacote npm CLI ui-ux-pro-max-cli e siga a seção de instalação do README
- 2
Verifique se o Python 3.x está instalado, pois o projeto foi escrito em Python
Antes de usar
- É necessário ter o Python 3.x instalado na sua máquina.
- O trecho do README disponível aqui não mostra todos os comandos de instalação; consulte a seção de configuração antes de usar.
Tópicos
Perguntas frequentes
- O que é ui-ux-pro-max-skill?
- Uma skill para agentes de IA que oferece a assistentes de programação regras de design de UI/UX pesquisáveis, estilos, paletas, combinações de fontes e orientações específicas para cada stack. UI UX Pro Max é uma skill para assistentes de programação com IA que fornece inteligência de design na criação de interfaces. Ela reúne um catálogo pesquisável de estilos de UI, paletas de cores para 192 tipos de produto, combinações de fontes selecionadas a dedo, recomendações de gráficos e diretrizes de UX. Um script de busca em Python consulta esse conteúdo usando o ranking BM25 e gera um sistema de design completo para determinado produto.
- ui-ux-pro-max-skill é gratuito? Qual é a licença?
- ui-ux-pro-max-skill é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- ui-ux-pro-max-skill ainda é mantido?
- Manutenção ativa. O último commit de ui-ux-pro-max-skill foi em 15 de out. de 2026.
- Para que posso usar ui-ux-pro-max-skill?
- Fornecer regras de design a um assistente de programação com IA antes de ele criar uma landing page ou um dashboard. Gerar um sistema consistente de cores e tipografia para um novo produto SaaS, fintech ou de saúde. Verificar se o código de UI segue diretrizes de acessibilidade e layout responsivo para um framework específico. Manter um único sistema de design entre sessões usando um arquivo MASTER.md e substituições por página.
- Como instalar ui-ux-pro-max-skill?
- Encontre o pacote npm CLI ui-ux-pro-max-cli e siga a seção de instalação do README Verifique se o Python 3.x está instalado, pois o projeto foi escrito em Python
- Onde consigo ui-ux-pro-max-skill?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Coleção de skills para Go que orientam assistentes de programação com IA sobre idiomatismos da linguagem, testes, segurança e bibliotecas populares, com foco em produção.
Skill do Claude Code que gera animações web com Motion.dev para React, Next.js, Svelte e Astro, com orientações integradas de acessibilidade e desempenho.
Coleção de componentes React para copiar e colar, criada com Radix UI e Tailwind CSS, que você controla e personaliza no próprio código do projeto.
Diretório selecionado com mais de 1.000 Claude Skills e plugins para Claude Code, Claude.ai e agentes de programação como Codex, Cursor e Gemini CLI.
Biblioteca de componentes React acessíveis e sistema de design para criar apps web com rapidez, com suporte a dark mode e Next.js RSC.