O que ui-from-references faz?
Habilidade do agente: transformar referências em UI React+Tailwind sem Figma
Habilidade do agente: transformar referências em UI React+Tailwind sem Figma
Esta habilidade do agente permite que você converta referências visuais (como imagens, capturas de tela, descrições ou mockups) diretamente em componentes de interface do usuário React com estilização Tailwind CSS, eliminando a necessidade de usar ferramentas de design como Figma. É útil para desenvolvedores que desejam prototipar rapidamente ou reproduzir UIs existentes sem o trabalho manual de codificação do CSS do zero. A habilidade funciona analisando a referência fornecida (seja um link de imagem, descrição textual ou upload de arquivo) e gerando o código React+Tailwind correspondente, mantendo a fidelidade visual e a responsividade. Indicada para uso com assistentes de codificação como Claude Code, Cursor ou Codex, ela acelera o desenvolvimento front-end ao automatizar a transformação de ideias visuais em código funcional.
npx skills add jetray33/ui-from-referencesHabilidade do agente: transformar referências em UI React+Tailwind sem Figma
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".