Uma habilidade para Codex/Claude projetar e melhorar interfaces web refinadas. Orienta agentes através da intenção do usuário, arquétipos de produto, hierarquia de layout, estados responsivos, sistemas visuais, acessibilidade e QA baseado em navegador para produzir interfaces que pareçam utilizáveis, intencionais e prontas para produção.
Esta habilidade para Codex/Claude, chamada 'Frontend-Web-UI-Craft', é projetada para guiar agentes de IA através de um processo completo de design e melhoria de interfaces web polidas. Ela é útil porque fornece uma estrutura sistemática que evita que o agente pule etapas críticas, garantindo que a interface final seja não apenas visualmente atraente, mas também funcional, acessível e consistente. A habilidade funciona dividindo o processo em etapas claras: começa com a compreensão da intenção do usuário e do arquétipo do produto, depois avança para a definição da hierarquia de layout, criação de estados responsivos (hover, foco, ativo, desabilitado), estabelecimento de um sistema visual (cores, tipografia, espaçamento), aplicação de princípios de acessibilidade (contraste, navegação por teclado, rótulos ARIA) e, finalmente, executa uma revisão de qualidade baseada em navegador. Embora seja especificamente otimizada para Codex e Claude, seus princípios podem ser aplicados a qualquer assistente de codificação que entenda prompts contextuais. O resultado são interfaces que 'parecem utilizáveis, intencionais e prontas para produção', economizando tempo de iteração e garantindo um padrão profissional.
npx skills add Evan1108-Coder/Frontend-Web-UI-Craft-Skill-Claude-CodexUma habilidade Codex/Claude para projetar e melhorar interfaces web refinadas. Guia agentes através da intenção do usuário, arquétipos de produto, hierarquia de layout, estados responsivos, sistemas visuais, acessibilidade e QA baseado em navegador para produzir interfaces que pareçam utilizáveis, intencionais e prontas para produção.
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".