Communitygithub.com

qubernetic/wireframe-agent-skill

Skill do Claude Code para gerar wireframes mockups estruturais em preto e branco — escala de cinza, bordas tracejadas, tipografia monoespaçada, React + Tailwind CSS.

O que é wireframe-agent-skill?

Este skill foi projetado para o Claude Code e permite gerar rapidamente wireframes estruturais em preto e branco com estilo em escala de cinza. As saídas incluem bordas tracejadas e tipografia monoespaçada, elementos típicos para validação inicial de design e prototipagem de interfaces web. Implementado com React e Tailwind CSS, facilita a integração direta em projetos front-end ou modificações posteriores. Funciona através de instruções em linguagem natural dentro do Claude Code, agilizando a iteração de maquetes durante o processo de design para desenvolvedores e designers.

Funciona comClaude Code~Codex CLI~Cursor
npx skills add qubernetic/wireframe-agent-skill

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que wireframe-agent-skill faz?

Claude Code skill for generating black-and-white structural wireframe mockups — grayscale, dashed borders, monospace typography, React + Tailwind CSS

Habilidades Relacionadas