to-wireframe

Installation
SKILL.md

To Wireframe

Crie um wireframe tipado que descreve estrutura, componentes e conteúdo visível de uma tela. Use como referência canônica de densidade e marcação references/wireframe.example.svg.

Chamada obrigatória

O usuário deve informar o formato em toda chamada: format=svg ou format=ascii. Se faltar, pergunte qual formato quer; não escolha um padrão.

Também aceite uma única fonte:

  • image=<path> ou imagem anexada: extraia a estrutura da tela existente;
  • brief=<descrição da tela>: construa a planta a partir do briefing, proposta ou especificação recebida.

output=<path> é opcional para imagem e obrigatório para brief. Quando a entrada for uma imagem e não houver output, salve ao lado dela:

image=mocks/dashboard.png format=svg    → mocks/dashboard.wireframe.svg
image=mocks/dashboard.png format=ascii  → mocks/dashboard.wireframe.txt
Installs
64
GitHub Stars
256
First Seen
Sep 18, 2026