DEV Community

Victor Hugo
Victor Hugo

Posted on

Conheça o Hallmark: skill de design para assistentes de código

O que é

Hallmark é uma habilidade de design desenvolvida pela Together AI para assistentes de código como Claude Code, Cursor, Codex e OpenCode. O objetivo do projeto é gerar interfaces web que evitem padrões visuais artificiais comumente associados a conteúdos gerados por inteligência artificial. A ferramenta oferece um catálogo com 50 temas baseados em materiais visuais específicos, além de permitir a criação em modo customizado.

Para quem serve

A ferramenta é voltada para desenvolvedores que utilizam assistentes de código durante o desenvolvimento de páginas web. Ela atende a quem precisa estruturar interfaces focadas na ação principal do produto, utilizar fotografias reais e licenciadas, e garantir critérios de acessibilidade, contraste e layouts responsivos.

Como começar

O processo de trabalho com a ferramenta integra etapas automáticas de análise e comandos de execução:

  • Seleção e criação: O sistema analisa o projeto e sugere três opções de temas adequadas ou aceita instruções para a construção no modo customizado.
  • Relatório de auditoria: Execute o comando /hallmark audit <caminho> para inspecionar um código existente e receber um relatório detalhado sobre possíveis falhas de design.
  • Reconstrução de página: Utilize o comando /hallmark redesign <caminho> para reconstruir uma interface preservando o conteúdo original e sua lógica de funcionamento.
  • Validação: A ferramenta executa verificações de navegador através do script sloplint em oito larguras de tela, gerando código HTML e CSS autônomo.

Instalação

npx skills add nutlope/hallmark -g
Enter fullscreen mode Exit fullscreen mode

🔗 Repositório oficial: https://github.com/Nutlope/hallmark

Veja em 1 minuto

📚 Mais conteúdos do canal: https://gist.github.com/VictorHugodaSilvaSousa/d1e955e97cd27fc662351821d0a3fdbe

Top comments (0)