O fim do AI slop: como skills estão mudando o design com IA

O problema que todo dev conhece

Peça para qualquer assistente de IA criar um dashboard. Dê liberdade total. O que você recebe?

Fonte Inter. Gradiente roxo-para-azul. Cards dentro de cards. Texto cinza sobre fundo colorido. Uma hero section com um número grande, um label pequeno e um acento brilhante. Talvez um glassmorphism para dar “profundidade”.

Você já viu isso mil vezes. Eu já vi isso mil vezes. Todo LLM treinado nos mesmos templates genéricos produz o mesmo output genérico. A comunidade chama de “AI Slop” — tecnicamente funcional, visualmente esquecível.

O que são AI skills para design

Skills são arquivos de instrução portáteis (geralmente SKILL.md) que agentes de IA detectam e seguem automaticamente. Sem configuração complexa — instale e seu agente lê.

Nesta série eu analiso 6 projetos que estão mudando como a IA gera interfaces. Alguns me surpreenderam, outros me decepcionaram um pouco. Vou ser honesto sobre cada um.

Os 6 projetos

O Impeccable, do Paul Bakaus (criador do jQuery UI, ex-Google), é uma linguagem de design com 20 comandos e anti-patterns curados. Funciona com Cursor, Claude Code, Gemini CLI, Codex e mais. Dos 6, é o que eu mais gostei de usar.

O Taste Skill, do Leonxlnx, tem 7 skills especializadas (taste, redesign, soft, minimalist, brutalist, output, stitch) com um sistema de 3 dials ajustáveis. A ideia dos dials é genial, na minha opinião.

O UI/UX Pro Max, do NextLevelBuilder, é um banco de dados grande: 50+ estilos, 161 paletas de cores, 57 pares de fontes, 99 guidelines de UX e 25 tipos de gráficos em 10 stacks. Inclui um gerador de design system.

As Skills do Matt Pocock focam em processo: PRD interativo, TDD, design de interfaces com sub-agentes paralelos, e o “grill-me” que te interroga até resolver cada decisão. Não gera UI bonita, mas melhora tudo que vem depois.

O AI Website Cloner, do JCodesMore, clona qualquer site em Next.js usando agentes de IA. Pipeline multi-fase com reconhecimento, extração de tokens, specs de componentes e build paralelo com git worktrees.

O Sleek Agent Skills é para design de apps mobile, integrado ao Sleek. Confesso que é o mais limitado dos 6, mas ocupa um nicho que ninguém mais cobre.

O que vem por aí

Nas próximas semanas vou fazer deep dives em cada projeto, comparar todos 2 a 2, e montar um ranking com guia de escolha baseado no seu perfil. Se você acompanhar a série completa, vai sair com uma opinião formada sobre qual skill instalar — e provavelmente vai instalar mais de uma.

No próximo post, começo pelo Impeccable. Spoiler: é o que mais mudou meu output no dia a dia.

Fontes: Impeccable | taste-skill | UI/UX Pro Max | Matt Pocock Skills | AI Website Cloner | Sleek