Sleek: do conceito ao protótipo mobile em minutos
por Fabricio Telles··design.app.br
6 passos entre “tenho uma ideia de app” e “teste no seu celular”
Vou percorrer o processo de criar um app mobile do conceito ao protótipo usando Sleek Agent Skills combinado com outras skills da série. Cada passo usa a skill certa para o momento certo.
Passo 1: definir o produto
Antes de abrir qualquer ferramenta de design, use write-a-prd do Matt Pocock. A skill faz uma entrevista sobre o app: qual problema resolve, quem é o usuário, quais são as telas principais, quais interações são críticas. Resultado: PRD como GitHub Issue.
Passo 2: validar decisões
Passe o PRD pelo grill-me: “Por que app nativo e não PWA?”, “Quais telas precisam funcionar offline?”, “Como funciona o onboarding?”
Passo 3: design system
Com o PRD validado, gere um design system mobile com UI/UX Pro Max. O gerador produz paleta, tipografia e guidelines específicas para o tipo de app. Para mobile, ele considera tamanhos de fonte mínimos para legibilidade, contraste para uso ao ar livre, paleta que funciona em OLED e LCD.
Passo 4: criar telas
Agora sim, use a skill do Sleek. Com o design system definido e o PRD em mãos, peça ao agente para criar as telas: onboarding, home, funcionalidade core, perfil/configurações. A skill cria protótipos na plataforma Sleek com navegação funcional.
Passo 5: refinar estética
Aplique a soft-skill do Taste Skill para refinar. Para apps mobile, a soft-skill geralmente funciona bem: sombras sutis que criam profundidade, animações spring que parecem nativas, whitespace generoso para touch targets.
Passo 6: testar e iterar
Com o protótipo no Sleek, teste em dispositivos reais. Navegação faz sentido? Touch targets são grandes o suficiente? Texto é legível em telas pequenas? Animações são suaves?
O resultado
Em vez de semanas de design manual, você tem PRD documentado e validado, design system formal, protótipo navegável em dispositivos reais, estética refinada e consistente, base para implementação.
Limitação honesta
O Sleek requer conta Pro e é mais limitado em escopo que os outros projetos. Para muitos projetos mobile, uma combinação de Taste Skill (soft ou minimalist) + UI/UX Pro Max pode ser suficiente sem o Sleek, especialmente se você está gerando código React Native ou Flutter diretamente.
O Sleek brilha quando você precisa de protótipos visuais para validar com stakeholders antes de codar. Se esse não é o seu caso, talvez não valha o investimento.
Instalação
npx skills add sleekdotdesign/agent-skills -s sleek-design-mobile-apps