O que ui-skills faz?
Plugin do Claude Code que faz engenharia reversa de qualquer site em componentes React + Tailwind prontos para produção — a partir de estilos computados reais, não de capturas de tela.
Plugin do Claude Code que faz engenharia reversa de qualquer site em componentes React + Tailwind prontos para produção — a partir de estilos computados reais, não de capturas de tela.
Este skill permite que desenvolvedores alimentem agentes de IA como Claude Code com a capacidade de inspecionar sites ao vivo e gerar automaticamente componentes React + Tailwind CSS de alta fidelidade. Diferente de abordagens baseadas em capturas de tela, o `dididy/ui-skills` extrai os estilos computados diretamente do navegador, resultando em componentes que replicam fielmente o design original, incluindo cores, espaçamentos, tipografia e layout responsivo. É útil para engenharia reversa de UI, prototipagem rápida, migração de sites legados ou aprendizado de padrões de design de sites populares. Suporta Claude Code como plataforma principal, e o fluxo típico envolve fornecer uma URL, que o agente analisa e transforma em código React + Tailwind modular, com suporte a TypeScript e boas práticas de componentes puros.
npx skills add dididy/ui-skillsPlugin do Claude Code que faz engenharia reversa de qualquer site em componentes React + Tailwind prontos para produção — a partir de estilos computados reais, não de capturas de tela.
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".