Sleek Agent Skills: design mobile-first com IA

O elefante na sala: nenhuma skill de design pensa em mobile

Enquanto todos os outros projetos desta série focam em web (desktop-first ou responsivo), ninguém fala de apps mobile. E mobile não é “web menor” — é um mundo diferente com gestos, safe areas, bottom sheets e viewports fixos. O Sleek Agent Skills é o único projeto que trata mobile como cidadão de primeira classe.

O que é o Sleek?

Sleek é uma ferramenta de design mobile AI-powered. O repositório agent-skills contém skills que permitem que agentes de IA interajam diretamente com a plataforma Sleek para criar e gerenciar projetos de design mobile.

O repositório tem uma skill principal: design-mobile-apps, para design de apps mobile, criação de telas e gerenciamento de projetos Sleek com IA.

A skill permite criar projetos de app mobile, gerar telas individuais, gerenciar fluxos de navegação, e aplicar padrões de design mobile.

Requisitos

Conta Sleek no plano Pro ou superior, API key criada em sleek.design/dashboard/api-keys, variável de ambiente SLEEK_API_KEY configurada.

Instalação

npx skills add sleekdotdesign/agent-skills -s sleek-design-mobile-apps

Por que mobile é diferente

Design mobile não é “web menor”. As diferenças são reais.

Interação: touch vs mouse (áreas de toque mínimas de 44x44pt), gestos (swipe, pinch, long press) vs click, teclado virtual que reduz viewport, navegação por tabs/stack vs sidebar/navbar.

Layout: viewport fixo (sem scroll horizontal), safe areas (notch, home indicator, status bar), orientação (portrait vs landscape), densidade de pixel variável.

Performance: conexão instável (3G, offline), bateria limitada, memória restrita, app size importa.

Padrões: bottom sheets vs modals, pull-to-refresh vs botão de reload, haptic feedback vs visual feedback, native vs web components.

O diferencial do Sleek

A maioria das skills de design gera código web que “funciona em mobile”. O Sleek gera design mobile-native, pensado para as constraints e padrões específicos de apps. A integração via API permite que o agente de IA não apenas gere código, mas interaja com uma ferramenta de design visual, criando protótipos navegáveis.

Limitações

Vou ser honesto: requer conta paga (Pro+), é focado exclusivamente em mobile, é menos maduro que os outros projetos da série, e a documentação é mais enxuta. Se você não precisa especificamente de protótipos mobile, os outros projetos entregam mais valor.

Para web responsivo, Impeccable, Taste Skill ou UI/UX Pro Max são escolhas melhores.

Fonte: github.com/sleekdotdesign/agent-skills | sleek.design