Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Hooked UX skill
Desenha ciclos de produto que criam hábito com o Hook Model: gatilho, ação, recompensa e investimento
- instalações
- 6.200
- estrelas no GitHub
- 2.507
- No skills.sh desde
- janeiro de 2026
- Licença
- MIT
Atualizada no GitHub em 10 de setembro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
Nas palavras de quem fez
Design habit-forming product loops using the Hook Model (Trigger, Action, Variable Reward, Investment). Use when the user mentions "users arent coming back",…
Segurança
Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.
- Gen Agent Trust HubPassou
- SocketPassou
- SnykPassou
Perguntas
Como instalar a Hooked UX no Claude Code?
Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Hooked UX, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.
Levar essa skill
1x hooked-uxR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/wondelai/skills
Aprenda a usar
- Claude Design: como usar, até no plano grátis
O Claude Design cria tela de site, protótipo e slide conversando, e agora vem até no plano grátis. Veja onde abrir, como usar e como levar pro Claude Code.
Na mesma prateleira
Ver as 1.414 skills do corredormiqdadbadjuber
antislop
O Claude constrói sites e telas sem os vícios de IA, como gradiente roxo, card repetido e número inventado, e entrega com um relatório de checagem.7.300 instalações, grátishuntabyte
shadcn-
O Claude monta formulários, painéis e janelas no Svelte com os componentes do shadcn-svelte, do jeito que a documentação manda.Auditada6.700 instalações, grátissvelte OpenAI
figma-
Você cola o link do Figma e o Claude escreve a tela no seu projeto igual ao desenho, reaproveitando os componentes que já existem.OficialAuditada6.700 instalações, grátisimplement- design magicpathai
magicpath
O Claude acha seus designs no MagicPath, instala no projeto e deixa funcionando de verdade, ou desenha telas novas direto no canvas.6.300 instalações, grátisFigma
figma-
A tela do seu app vira um arquivo editável no Figma, com os componentes e as cores do design system em vez de print ou caixa solta.OficialAuditada5.900 instalações, grátisgenerate- design affaan-m
liquid-
O Claude escreve as telas do seu app iOS com o vidro novo da Apple do jeito certo, com botões, barras e transições que se fundem.Auditada5.200 instalações, grátisglass- design jakubkrehel
oklch-
Paleta que fica uniforme do claro ao escuro, texto que passa no teste de contraste e tema pronto no Tailwind, sem acertar cor no olho.Auditada4.600 instalações, grátisskill figma-
O Claude lê o código do seu site ou app e monta no Figma as cores, espaçamentos e componentes iguais aos do código, prontos pra quem desenha usar.OficialAuditada4.400 instalações, grátisgenerate- library
Mais da loja wondelai
Ver a loja wondelaiwondelai
ux-
Avalia e melhora a usabilidade de interfaces com análise heurística, de formulários a telas confusasAuditada9.300 instalações, grátisheuristics refactoring-
Audita e corrige hierarquia visual, espaçamento, cor e profundidade em interfaces webAuditada9.200 instalações, grátisui web-
Escolhe, combina e implementa fontes em projetos web, com altura de linha e tipografia responsivaAuditada9.200 instalações, grátistypography ios-
O Claude desenha e revisa telas de app de iPhone e iPad do jeito que a Apple recomenda, com nota até 10 e o que falta pra chegar lá.Auditada8.200 instalações, grátishig- design clean-
Estrutura software pela Regra de Dependência: dependências apontam de frameworks para casos de uso e entidadesAuditada7.300 instalações, grátisarchitecture domain-
Modela software em torno do domínio do negócio com contextos delimitados, agregados e linguagem ubíquaAuditada7.100 instalações, grátisdriven- design top-
Cria experiências web imersivas de nível Awwwards, como as das grandes agências digitaisAuditada7.100 instalações, grátisdesign jobs-
Descobre o que os clientes realmente precisam analisando o trabalho (job) para o qual contratam seu produtoAuditada6.800 instalações, grátisto- be- done microinteractions
Desenha os pequenos detalhes de produto: gatilhos, regras, feedback, loops e modos (toggles, loading, curtir)Auditada6.700 instalações, grátisclean-
Ensina a escrever código legível e fácil de manter: nomes claros, funções pequenas e tratamento de erro limpoAuditada6.600 instalações, grátiscode refactoring-
Aplica refatorações nomeadas pra melhorar a estrutura do código sem mudar o comportamentoAuditada6.300 instalações, grátispatterns system-
Projeta sistemas distribuídos escaláveis: balanceamento de carga, cache, escala de banco e filasAuditada6.200 instalações, grátisdesign