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
Skill do Claude Code para gerar wireframes mockups estruturais em preto e branco — escala de cinza, bordas tracejadas, tipografia monoespaçada, React + Tailwind CSS.
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.
npx skills add qubernetic/wireframe-agent-skillClaude Code skill for generating black-and-white structural wireframe mockups — grayscale, dashed borders, monospace typography, React + Tailwind CSS
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".