Receber por email
← Voltar para o catálogo

wireframe

Generates textual or ASCII wireframes for screens, layouts, and information architecture. Pixel-free; focused on structure, hierarchy, and component placement. Output is reviewable in a PR diff and translates directly to component code.

5estrelas
Atualizado há 6 meses

Ver no GitHub ↗ Licença: MIT

Como adicionar

/plugin marketplace add viknesh20-20/claude-code-tool-kit

O comando exato pode variar conforme o repositório. Confira o README no GitHub.

Para o autor da skill

Cole no README do seu repo

Mostra que sua skill está catalogada na Skillteca, gera backlink e tráfego rastreável.

[![Skillteca](https://www.skillteca.com.br/api/badge/wireframe/svg)](https://www.skillteca.com.br/skills/wireframe)

Alerta por categoria

Receba novas skills de Design e Frontend toda segunda

1 email curto, só com as skills novas de Design e Frontend. 4 minutos de leitura, sem spam, cancela com 1 clique.

Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.

Ler descrição completa

/wireframe

Produce wireframes that engineers can build from and reviewers can give feedback on without opening Figma. Pixel-free, structure-first, optimized for clarity over fidelity.

When to use

  • Spec'ing a new screen before any visual design work.
  • Documenting an existing screen's structure for the team.
  • Comparing 2–3 layout options without committing to visual design.
  • Onboarding a new dev/designer to the product's IA.
  • Working on a project where Figma isn't part of the workflow

[Description truncada. Veja o README completo no GitHub.]

Compartilhar X LinkedIn