Communitygithub.com

Fh-Ndiritu/design-psychology-skill

Uma habilidade Claude que audita ou constrói qualquer site/UI contra ~60 princípios de conversão e psicologia do design baseados em pesquisa. Detecta automaticamente URL ao vivo vs código local.

O que é design-psychology-skill?

Esta habilidade permite que agentes de IA (como Claude) analisem ou projetem interfaces de usuário usando aproximadamente 60 princípios de design e psicologia de conversão apoiados por pesquisa. Ela detecta automaticamente se está lidando com uma URL ao vivo (auditando um site existente) ou código local (analisando SCSS/HTML/JSX), e aplica princípios como Efeito Zeigarnik, Lei de Jakob, e Efeito Von Restorff para otimizar a experiência do usuário e as taxas de conversão. Compatível com plataformas Claude, Cursor e Codex, a habilidade fornece um pipeline que extrai estilos e estruturas da interface, faz referência aos princípios relevantes e gera recomendações acionáveis ou até mesmo código refatorado. É útil para desenvolvedores e designers que desejam auditar rapidamente um site ou obter sugestões de design baseadas em evidências sem consultar manualmente cada princípio.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add Fh-Ndiritu/design-psychology-skill

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que design-psychology-skill faz?

Uma habilidade Claude que audita ou constrói qualquer site/UI contra ~60 princípios de conversão e psicologia do design baseados em pesquisa. Detecta automaticamente URL ao vivo vs código local.

Habilidades Relacionadas