hallmark
Ajuda o assistente a criar páginas e sites com cara de projeto feito por designer, e não de modelo genérico.
Pegue a skill
Por que eu uso: Evita o visual 'cara de IA' em materiais.
Versão adaptada para o português, resumida, de uma skill de Nutlope (Hallmark contributors). O texto traz o crédito, o link do original e a licença completa.
Onde colar
Salve o arquivo em .cursor/skills/hallmark/SKILL.md dentro do seu projeto. No Claude Code, a pasta é .claude/skills/hallmark/SKILL.md. A IA lê sozinha quando a tarefa combina.
Quando usar
- Criar uma página ou site novo
- Quando a página gerada está com "cara de IA"
Texto da skill, com crédito e licença
--- name: hallmark description: Ajuda o assistente a criar páginas e sites com cara de projeto feito por designer, e não de modelo genérico. --- # hallmark Ajuda o assistente a criar páginas e sites com cara de projeto feito por designer, e não de modelo genérico. ## Quando usar - Criar uma página ou site novo - Quando a página gerada está com "cara de IA" ## O que faz Coloca um piso de qualidade em toda página que o assistente cria, contra os vícios visuais comuns em resultado de IA. Só use em design novo. Em design existente, só quando a pessoa pedir pelo nome. ## O piso (vale sempre) - Toda cor e toda fonte passam por um token declarado no início do CSS. Nada de cor ou fonte solta no meio do código. - Nada de fato inventado: se falta um dado real, deixe o espaço claro para ele, sem preencher com exemplo falso. ## Fluxo 1. **Leia o projeto antes de perguntar.** Se existe um design.md ou DESIGN.md, ele manda em tudo. Anote o que vai manter e o que vai introduzir. 2. **Pergunte uma vez só, numa mensagem:** material (o que a página pode mostrar: prints, fotos, números reais), público, uso e tom. 3. **Dê forma:** liste o material real disponível e nomeie o que o visitante vem fazer (assinar, comprar, agendar, se inscrever). 4. **Escolha a direção:** se a pessoa pediu um tema, use esse. Se não, escolha uma direção e diga por quê. 5. **Mostre as escolhas** num bloco curto, para a pessoa poder mudar o rumo antes de construir. 6. **Construa** a partir da base do projeto, com todos os estados dos controles (normal, foco, erro, vazio). 7. **Revise:** rode o verificador de vícios visuais, confirme ou descarte cada alerta e corrija tudo o que fura o piso. Scripts e referências estão no repositório original. --- ## Crédito e licença Adaptado de Nutlope (Hallmark contributors). Original: https://github.com/Nutlope/hallmark/tree/HEAD/skills/hallmark Aviso de modificação: Esta é uma versão adaptada da skill original: traduzida para o português do Brasil, resumida e reescrita por Bruno Silva em 29/10/2026. Partes do original foram cortadas ou mudadas. O original continua disponível no link acima. Licença do original: MIT. Texto completo abaixo, como está no repositório original. ## Licença (MIT) MIT License Copyright (c) 2026 Hallmark contributors Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Instalar o original
No terminal, com Node.js instalado:
npx skills add Nutlope/hallmark --skill hallmark