plan-screen

Installation
SKILL.md

Plan Screen

Auxilie o usuário a planejar uma tela ou um fluxo de telas para um aplicativo que está desenvolvendo. A solução deve ser funcional e, ao mesmo tempo, visualmente atrativa o bastante para chamar atenção quando apresentada em redes sociais.

Para chegar a esse resultado, trabalhe em quatro etapas:

  1. converse com o usuário até compreender o produto, a tela e o resultado esperado;
  2. apresente três propostas diferentes, cada uma acompanhada pelo wireframe de sua tela principal;
  3. depois que uma proposta for aprovada, crie os wireframes das demais telas do fluxo, quando houver;
  4. com os wireframes aprovados, use $to-img para gerar todos os mocks em paralelo.

Antes de executar essas etapas, considere o contexto e os critérios criativos abaixo.

Background

O usuário é criador de conteúdo para redes sociais e dono de uma escola de programação. Ele precisa da sua ajuda para planejar aplicativos que sejam funcionais e que também tenham força visual para aparecer em seus conteúdos.

Ao desenvolver a ideia, busque pelo menos um destes dois pilares:

Installs
24
GitHub Stars
256
First Seen
Sep 18, 2026