Telas de app
Conceitos de tela nativa para iOS, Android e cross-platform.
imagegen-frontend-mobile- Peso
- massivo
- 1.466 linhas · 600+ linhas
- Gatilho
- o agente chama
- O agente dispara sozinho quando a descrição bate com a tarefa.
- Encaixe
- livre
- Nenhum par documentado.
O que ela faz
Prioriza hierarquia limpa, texto confortavelmente legível e consistência entre múltiplas telas. Por padrão apresenta as telas dentro de um mockup sutil de iPhone, com o foco permanecendo no conteúdo e não na moldura.
Quando não usar
Só gera imagem. Não escreve código.
Ficha técnica
- Descrição original
- Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone mockup framing. By default, screens should be shown inside a subtle premium iPhone or similar phone mockup with a visible frame, while the main focus stays on the app content itself. This skill generates images only. It does not write code.
- Caminho no repo
skills/imagegen-frontend-mobile/SKILL.md- SKILL.md
- 1.466 linhas
- Seções
- 1. ACTIVE BASELINE CONFIGURATION · 2. PLATFORM MODE RULE · 3. MANDATORY SCREEN-FIRST RULE · 4. GENERATE ENOUGH SCREENS RULE · 5. DO NOT CROP OLD IMAGES RULE · 6. APP DESIGN BIBLE RULE · 7. MULTI-SCREEN CONSISTENCY RULE · 8. LOGICAL FLOW RULE · 9. DEFAULT MOCKUP PRESENCE RULE · 10. DEVICE MOCKUP FRAME RULE · 11. ONBOARDING FLOW RULE · 12. FIRST SCREEN CLEANLINESS RULE · 13. SAFE AREA AND SYSTEM REGION RULE · 14. NAVIGATION RULE
Instalar — vem com o pacote inteiro (13 skills)
CLI skills
No terminal, de qualquer diretório.
npx skills add Leonxlnx/taste-skill
Quatro das treze declaram registros estéticos que se contradizem. Instale o pacote, escolha uma.
→O que essa instalação faz na sua máquinaFechar
Como o método funciona
O gerenciador da Vercel Labs. Usa o GitHub como registro, copia para ~/.agents/skills e cria symlink para cada agente instalado na máquina.
Precisa ter
- Node 18+
- Geração de imagem para as skills de imagegen
Onde cai no disco
~/.agents/skills/ + symlink em ~/.claude/skills/
Sair
npx skills remove Leonxlnx/taste-skillDo mesmo pacote