Agent Skills que ajudam agentes de programação a criar interfaces diferenciadas, usando direção de arte, fotos reais e uma verificação no navegador em vez de landing pages genéricas feitas por IA.
99,1 mil6,7 milJavaScriptMITAtualizado há 17 horas
Nutlope/hallmark
Uma skill de design para Claude Code, Cursor e Codex que orienta agentes de programação com IA a criar interfaces que não parecem geradas por IA.
- Estrelas
- 30,386
- Forks
- 1,566
- Issues abertas
- 49
- Último commit
- há 2 meses
O que é?
Hallmark é uma skill de design que se integra a assistentes de programação com IA, como Claude Code, Cursor e Codex. Ela ajuda o assistente a escolher a estrutura de página adequada para um briefing, aplicar um dos vinte e um temas e executar um conjunto de cinquenta e sete verificações de padrões genéricos comuns em designs gerados por IA antes de apresentar o resultado.
Além de criar novas interfaces, oferece outros três modos: auditar código existente com base nos mesmos antipadrões e retornar uma lista de ajustes, redesenhar uma página mantendo seu texto e sua arquitetura da informação e analisar uma captura de tela ou URL para extrair o layout, a combinação tipográfica e a cor de destaque. O modo de análise também pode gerar um arquivo portátil design.md para usar com outras ferramentas de IA.
A instalação pode ser feita com npx skills add ou copiando o arquivo SKILL.md e a pasta references para o diretório de skills ou rules da ferramenta correspondente. O projeto é licenciado sob a licença MIT.
Recursos principais
- 01Escolhe a macroestrutura da página com base no briefing antes de escrever o código.
- 02Oferece vinte e um temas e um modo Custom para briefings sem um tema adequado.
- 03Executa cinquenta e sete verificações de antipadrões e faz uma autocrítica antes de apresentar o resultado.
- 04Audita código existente e retorna uma lista de ajustes sem editá-lo.
- 05Extrai o layout, a combinação tipográfica e a cor de destaque de uma captura de tela ou URL para um arquivo design.md.
Casos de uso
- Pedir a um assistente de programação com IA que crie uma landing page ou interface de produto que não pareça genérica.
- Revisar uma base de código front-end existente em busca de padrões comuns em designs gerados por IA.
- Redesenhar a aparência de um site mantendo seu texto e sua estrutura.
- Transformar um design que você admira em um briefing reutilizável para outras ferramentas.
Início rápido
- 1
Instale a skill com npx
npx skills add nutlope/hallmark - 2
Abra sua ferramenta de programação com IA (Claude Code, Cursor ou Codex) e peça para ela criar uma interface; a skill será aplicada automaticamente
Antes de usar
- É um conjunto de regras de prompt para agentes de programação com IA, então só ajuda se você já usa uma das ferramentas compatíveis.
- A qualidade do resultado depende do modelo de IA usado e do brief que você fornecer.
Tópicos
Perguntas frequentes
- O que é hallmark?
- Uma skill de design para Claude Code, Cursor e Codex que orienta agentes de programação com IA a criar interfaces que não parecem geradas por IA. Hallmark é uma skill de design que se integra a assistentes de programação com IA, como Claude Code, Cursor e Codex. Ela ajuda o assistente a escolher a estrutura de página adequada para um briefing, aplicar um dos vinte e um temas e executar um conjunto de cinquenta e sete verificações de padrões genéricos comuns em designs gerados por IA antes de apresentar o resultado.
- hallmark é gratuito? Qual é a licença?
- hallmark é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- hallmark ainda é mantido?
- Atualizado nos últimos 6 meses. O último commit de hallmark foi em 6 de ago. de 2026.
- Para que posso usar hallmark?
- Pedir a um assistente de programação com IA que crie uma landing page ou interface de produto que não pareça genérica. Revisar uma base de código front-end existente em busca de padrões comuns em designs gerados por IA. Redesenhar a aparência de um site mantendo seu texto e sua estrutura. Transformar um design que você admira em um briefing reutilizável para outras ferramentas.
- Como instalar hallmark?
- Instale a skill com npx: npx skills add nutlope/hallmark Abra sua ferramenta de programação com IA (Claude Code, Cursor ou Codex) e peça para ela criar uma interface; a skill será aplicada automaticamente
- Onde consigo hallmark?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/Nutlope/hallmark
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Uma skill para assistentes de programação que faz agentes de IA começarem pela próxima ação, com etapas numeradas e sem enrolação ou preâmbulos.
57,8 mil3,3 milPythonMITAtualizado há 8 dias
Uma coleção de skills para agentes que ensinam assistentes de programação com IA sobre animação, design de UI e boas práticas de frontend, com base na experiência do autor na Vercel e na Linear.
47,5 mil2,7 milMarkdownMITAtualizado há 8 dias
Coleção com mais de 45 dicas práticas para usar o Claude Code, além de um script personalizado para a linha de status e o plugin dx, com habilidades úteis no dia a dia de desenvolvimento.
10,2 mil909HTMLOtherAtualizado há 25 dias
Skill de agente de IA que transforma artigos em prompts para capas verticais 3:4 do WeChat Official Accounts e do Xiaohongshu, com opção de manter a consistência do rosto.
90798OtherAtualizado há 3 meses
Uma skill de agente que faz agentes de programação com IA relatar os resultados das tarefas em chinês simplificado controlado, com base nos princípios do ASD-STE100.
32816MITAtualizado há 9 dias