Ir para o conteúdo
Promovaweb
Voltar ao site
Menu

Hallmark

A Hallmark, da Together AI, desenha páginas com Claude Code, Codex, OpenCode e Cursor sem os vícios visuais de IA. Veja como instalar e usar a skill.

Como instalarRepositório no GitHub
Capa da skill Hallmark
Versão
2.0.0
Último commit
Licença
MIT
Mantenedor
Together AI
Categoria
Design e interface
Estrelas
49.412
Nesta skill
  1. Como usar a skill Hallmark
  2. Instalar e atualizar
  3. Agentes compatíveis
  4. Versões e changelog
  5. Skills relacionadas
  6. Fontes consultadas

A Hallmark é uma skill de design da Together AI que evita os vícios visuais das páginas geradas por agente: o rótulo em caixa alta acima de cada título, uma palavra colorida no meio da manchete e o bloco de e-mail no fim de toda página. Toda página sai com contraste legível, foco visível no teclado, alternativa para movimento reduzido, layout que funciona no celular e nenhum número inventado. Com esse mínimo atendido, a Hallmark oferece três temas de um catálogo de cinquenta e monta a página em torno da ação que o visitante veio fazer.

Você usa a Hallmark para criar uma página ou um site novo. Num design que já existe, ela só age quando você chama redesign ou audit pelo nome.

Como usar a skill Hallmark

O que preparar

Abra o código da página e informe seu público, a ação principal e o estilo desejado. Forneça os textos, as imagens e os números de clientes ou atendimentos que podem aparecer. Se a página já existir, indique o arquivo ou a URL local e diga se deseja uma revisão ou alterações no design.

Passo a passo

  1. Escolha entre criar, redesenhar e auditar.

    Para uma página nova, descreva o que deseja construir. Use redesign para alterar um design existente e audit para receber um relatório sem editar os arquivos. A Hallmark consulta as fontes, cores e tecnologias do projeto antes de propor o desenho.

    Resultado esperado: o agente identifica a página, o tipo de trabalho e os elementos que precisa preservar.

  2. Envie uma solicitação com conteúdo e limites claros.

    Este exemplo serve para uma página de agendamento já existente. Troque o caminho pelo arquivo do seu projeto. No Codex, você pode usar a chamada abaixo. No Claude Code, use /hallmark no início.

    $hallmark redesign src/pages/agendamento.astro. Melhore a hierarquia do formulário de agendamento da clínica. Preserve os textos, as cores da marca, os campos e o envio do formulário. O botão Agendar consulta deve ser fácil de localizar. Confira também o celular e a navegação pelo teclado.

    Resultado esperado: uma proposta ligada ao formulário indicado, com os arquivos que serão alterados e os elementos preservados.

  3. Confira a direção antes de ampliar o trabalho.

    Responda às perguntas sobre público, materiais e tom. A skill apresenta as escolhas de layout e tema antes de desenvolver a página. Compare a proposta com o design já documentado no projeto. Corrija textos imprecisos e substitua imagens que você não tenha autorização para usar.

    Resultado esperado: uma direção visual definida para a página, sem números, depoimentos ou marcas inventados.

  4. Valide a interface e leia as pendências.

    Abra o resultado no navegador e teste o formulário, o foco do teclado e a versão móvel. Peça a execução do sloplint com renderização quando o ambiente tiver navegador configurado. Leia os problemas encontrados e as verificações que não puderam ser realizadas.

    Resultado esperado: arquivos da interface alterados, capturas e relatório das verificações executadas. Uma auditoria isolada entrega o relatório, sem reconstruir a página.

Instalar e atualizar

Instalar

Todos os projetos

Instale no seu usuário para usar a skill em diferentes projetos. O instalador permite escolher os agentes que receberão a instalação.

npx skills add nutlope/hallmark -g

Projeto atual

Execute na pasta do projeto para instalar a skill nesse projeto. O instalador permite escolher os agentes que receberão a instalação.

npx skills add nutlope/hallmark

Atualizar

Atualizar esta skill

Atualize Hallmark para a versão disponível no repositório de origem.

npx skills update hallmark

Verificar atualizações

Consulte se há atualizações disponíveis para as skills instaladas antes de atualizar.

npx skills check

Agentes compatíveis

Use esta skill no agente de sua preferência. Todos os agentes abaixo são compatíveis.

  • Claude CodeCompatível

    Node 18+ para os scripts. Renderização exige Chromium e puppeteer-core. O hook automático é específico do Claude Code.

  • CodexCompatível

    Node 18+ para os scripts. Renderização exige Chromium e puppeteer-core. O hook automático é específico do Claude Code.

  • AntigravityCompatível

    Instruções e scripts portáteis a partir do suporte ao Codex. Adapte a chamada da skill e execute o sloplint manualmente.

  • Hermes AgentCompatível

    Instruções e scripts portáteis a partir do suporte ao Codex. Adapte a chamada da skill e execute o sloplint manualmente.

  • OpenCodeCompatível

    Node 18+ para os scripts. Renderização exige Chromium e puppeteer-core. O hook automático é específico do Claude Code.

  • CursorCompatível

    Node 18+ para os scripts. Renderização exige Chromium e puppeteer-core. O hook automático é específico do Claude Code.

Versões e changelog

O repositório não publica releases. As versões saem do campo version do skills/hallmark/SKILL.md, lido em cada commit, e cada versão reúne os commits da pasta da skill até a seguinte. Consulta em 6 de novembro de 2026.

  1. 2.0.0

    Atual
    Ver no GitHub
    40 commits nesta versão
    • 407fa68Merge pull request #125 from dacheng-lu/fix/theme-crlf-build-hint
    • 15fad27Merge pull request #123 from xunguangzlj-cloud/fix/imagegen-response-count
    • 5feaa0fMerge pull request #121 from Bortlesboat/fix/sloplint-explicit-dot-folder
    • de4999eMerge pull request #86 from rudycelekli/fix/render-width-1440
    • 9139bcfMerge pull request #88 from rudycelekli/fix/app-scaffold-command
    • 4926199Merge pull request #83 from rudycelekli/fix/app-skip-gate-85
    • e423e06Merge pull request #81 from rudycelekli/fix/draw-job-synonyms
    • ff888cbMerge pull request #87 from rudycelekli/fix/scaffold-scope-value
    • 9cbc89cfix(theme): validate CRLF themes like LF ones
    • 526b423fix(imagegen): reject incomplete or oversized response batches
    • 0c4f526Merge remote-tracking branch 'upstream/main' into fix/sloplint-explicit-dot-folder
    • 52328cbMerge pull request #110 from rudycelekli/fix/bounded-reroll-exhaustion-20261030
    • 0765711Merge pull request #99 from rudycelekli/fix/imagegen-batch-cache-20261027
    • 73ca57eMerge pull request #115 from rudycelekli/fix/restore-contrast-probe-styles
    • fe59148Merge pull request #116 from rudycelekli/fix/capture-http-errors
    • a5201a5fix(sloplint): lint a dot folder named on the command line
    • 1589821fix(capture): skip unsuccessful HTTP documents
    • 1ac0072fix(render): restore styles after contrast pixel probes
    • 2ea186efix(theme): stop rerolls when the catalog is exhausted
    • f2f75e2fix(sloplint): scan explicit build targets after parent traversal
    • 4f6a46cMerge pull request #95 from HelloWorld3326/fix/theme-crlf-header
    • cd07192test: align symlink regression wording with project conventions
    • 0926ccbfix: 避免 sloplint 重复扫描符号链接目录环
    • d128124fix(imagegen): reuse complete numbered image batches
    • 2a1240fRefract and Vantage join the catalog, fifty themes
    • 87e0df9A schedule only for times the visitor picks or plans around, never a process or a workday told as clock times
    • 118a471sloplint stops on a path it was given and cannot read, and the theme index carries no build date, so the index check passes on any day
    • 0857f9cBloom's clip takes lane one's colour by default, so the build hint names a defined colour and each lane can still set its own
    • 9deb83bfix(theme): accept CRLF frontmatter delimiters
    • 3e9472bName the theme in the app scaffold command.
    • 662a7f2Read --scope as a flag instead of a slug.
    • 4328c37Run the mechanical width checks at 1440 too.
    • 586ca57Include gate 85 in the app-scope skip list.
    • eed8ebdMatch draw --job synonyms as whole words.
    • 498de2dRibbon sets its heads upright in Instrument Sans
    • 1e33562Dusk replaces Ledger: a real dusk photograph behind the hero, slate below, the product in smoked glass
    • 411823fPlugin ships only the skill (7 MB, not the whole repo); Cursor named beside Claude Code, Codex and OpenCode
    • 45af70aSay prompt, not brief: the skill, its scripts (--prompt, with --brief kept as an alias), the README, the recipes and the site
    • 4770517The argument hint lists audit again
    • ddf0764A shorter skill description: what it is, when to use it, never on an existing design unless named

  2. 2.8.0

    Ver no GitHub
    2 commits nesta versão
    • 4b4775cHallmark builds from the real product: capture.mjs screenshots a URL, a dev server or an app, imagery.md puts captures before a built mock, gate 84 flags a mock of a product that could have been captured; Grid rebuilt as a Swiss poster material, Sport keeps its poster hero, Solstice returns to its evening page
    • 3756c14Hallmark 2.8.0, the launch pass: every theme reworked and balanced, the skill text cut by a sixth

  3. 2.7.0

    Ver no GitHub
    9 commits nesta versão
    • 7f09844Custom hands the whole design to the model: no theme, shape, section list, component or draw, only the floor, the gates and the sweep, with a short brief to make it unique, clean and full; a custom hero is free of the layout rules and sets its own type scale
    • bfeffb7Custom pages grow from the client's own material: an inventory, seven ideas of the form on this page X becomes Y, one move for the idea and plain exact craft for the rest
    • 5c79e16Hallmark never starts on an existing design unless named: a restyle, new colours or a redesign asked of the agent alone is done the ordinary way, and /hallmark redesign is a full redesign by default
    • 0385274Specimen, Lumen, Bloom, Almanac and Solstice re-pictured: a metric poster for a typeface, a split stone for an inference API, an arrangement that plays, a cloth yearbook over a tide line, a bottle in a midsummer sun
    • d7cf81cSaffron leaves the catalog: forty-eight themes
    • 55bee03Saffron and Terminal reworked: a silk woven through the head on two dyes, and pictures printed in a CLI's own glyphs
    • 85d17a9Every build draws its own structure: theme.mjs draw deals the shape, hero, nav, footer, first section and lead fresh against the log and the theme's picture; deals are salted per project and photo picks rotate with the draw's seed, so one brief in one theme built twice gives two pages
    • b2f9cf4Photographs come from an open library: Wikimedia Commons, credited on every page, treated in CSS
    • a56828ePages show real things: themes are material only, every page is full, and pictures are photographs or the product built, never drawings

  4. 2.5.0

    Ver no GitHub
    14 commits nesta versão
    • 2beb1deA Next.js site redesigned in full: the scaffold's phone steps survive Tailwind's layers, one stylesheet names a posture per route
    • f6905ecA full redesign of an app: the bare verb is defined, a mono outlier is material, a shell may link a font
    • 2f14f77The Grid example passes the Floor; a polish keeps an older stamp's fields; rotated accents are measured by their paint
    • 273f144The render tier hides a framework's dev toolbar before it looks
    • d775747The redesign file says the same in fewer words
    • 691056cThe compare page states its findings in plain words
    • cf153e7A dashboard test's lessons: Tailwind projects get working tokens, the kept check reads React apps
    • 0ac5805The compare page loads its screenshots eagerly
    • 2953fc8A full redesign test's lessons: brand against stock, reworded lines, a fallback face is flagged
    • 636442cThe kept check closes five gaps a polish test found; a polish leaves spacing alone
    • 47585e5The render tier samples the right pixels; four Floor gates stop staying silent
    • 90cd5edThe sweep gets its own section; the page's own name is not a cliché
    • e08fd8fA redesign hands over a compare page; the kept check reads hooks per page
    • 3569c58Hallmark 2.5: redesign returns as a verb, with a record of what the page must keep

  5. 2.4.0

    Ver no GitHub
    4 commits nesta versão
    • a8242c2CI runs refcheck on every pull request; package.json and the old verb notes catch up
    • 7eeeaf6refcheck refuses a frontmatter that breaks installers; the recipes count nine
    • f9da3b2Fields meet 3:1, the deal weighs rare words, unattended runs build without asking
    • d6edd73Hallmark v2.4: a word-by-word audit, lighter builds, a linter that measures more
8 versões anteriores

  1. 2.3.0

    Ver no GitHub
    16 commits nesta versão
    • 4a18872A named theme's genre wins, posters hold at 1920, Carnival's duo is a material
    • 9efc59aThe product picks the image row, collapsed slots are caught, a declared spring needs no waiver
    • b5ab20aFocus rings are measured, the deal hears the brief, the user outranks the theme
    • 9d970fcGate 67 exempts wordmarks and marquee text by role, not exact class; the hero review knows type-only folds
    • 87a5883The atlas obeys the Floor, and a typeface can be a slot
    • d02c66cSlots keep what the theme puts in them, and actions without URLs point home
    • bf89eb8Contrast is measured on the pixels, and themes cannot ship faint text
    • ff273fbCustom draws seed from the brief, and small rules stop tripping good pages
    • f6f754dThe render tier reads OKLCH again, and custom runs start from nothing
    • 7896c60Travel briefs get travel themes, and empty frames give way to type
    • 10565cbA crashed render is a FAIL, logs are written by script, reviews hand over
    • d847541Install skips render folders, so lint screenshots never ship with the skill
    • 563297fCatalog and exemplars stop contradicting the floor they teach
    • 7d46f37What the first showcase builds found in the skill
    • ca6e584The deal is picked by eye, and reviewers judge against the picture
    • 77a54e3Version 2.3.0; exemplar stamps record reviews without run noise

  2. 2.2.0

    Ver no GitHub
    16 commits nesta versão
    • b0e2eccEvery theme ships a picture of a finished page
    • 6933f87Gates 69 and 70, the four exemplars, and a render tier that measures better
    • ce6d6e1Exemplar step in the flow; the two-button check reads resting fills
    • 2fdeeafGate 68 counts what reads as a wireframe, not every fourth slot
    • c583011Gate 68: the wireframe page
    • 643374cThird round of gallery lessons: one fill, real fonts, products not strains
    • 0bdb454Second round of gallery lessons: caps leading, quiet rows, real alt text
    • 5a0858cWhat the first gallery builds taught the skill
    • 2ed0720Two filled buttons in the hero are caught whatever they say
    • fdcd215Condensed and heavy display faces stop being tracked until they touch
    • eaf1ce5The linter reads components and Tailwind, not only HTML and CSS
    • dcebcc6Seven themes retire and twelve move apart: forty-nine materials, no echoes
    • 0253500The hero ships before the page, and the page is built from what is real
    • b930640Twelve overlapping archetypes become six with knobs
    • 410888dReferences lint themselves before they install
    • aec3e81Hallmark v2.2: one build skill, dealt themes, a Floor the linter enforces

  3. 1.2.0

    Ver no GitHub
    32 commits nesta versão
    • 0e74745Themes go back to being the main road; custom is the asked-for exception
    • 8d944c7Parallel builds were blind to each other and converged
    • 7d73786The worn-coordinates digest was missing three dials and a drop
    • 304549bThe draw now deals three challengers from a real deck
    • fa09ddcThe catalog stops riding along on derived runs
    • 31f79b2Field retires; Arcade, Ledger and Grid get dials so no two pages come out twice
    • fa12b99When the archive is driving, Hallmark stops designing and starts sweeping
    • dc11d74Variants stops withholding the file that says what to do instead
    • 37081e8Comp before build, and a reviewer that did not watch the build
    • ea271b7Derivation becomes the default, and nine themes get faces the model would not have reached for
    • 5b4bf7eReflex gets its own grade, the Floor gets a second door, and the shots are true again
    • 869d6beThe floor holds the mechanics; it never picks the direction
    • 94ae30eThe imagery kit is real: 39 committed assets, a filled manifest, no more fake people
    • 6dedaceThe finish tier: nine mechanical polish checks, none of them a gate
    • 7a12645The surface escalation ladder: cards are the top rung, not the first move
    • d90fd69The finish layer: the last 2% that separates set from generated
    • 0bc5d53Brand truth: fetch a real brand's values or ask; never recall them
    • dea57c4Data viz: the chart rules Ledger and Almanac practiced become house law
    • e071b55Dark mode grows from an 8-line recipe into a parity protocol
    • 0de213dScroll choreography: four earned patterns replace a blanket ban
    • 64f84b4Texture becomes a system: five artifacts, one budget, earned by lineage
    • 834dfebHarness adapters learn each model family's tics
    • 4184722Verification fixups: Riso reclassed grotesk-heavy, known close pairs documented
    • de3a01dGate 23 gets teeth: one accent number, measured two ways
    • b34d96bCookbook restructure: knobs and mobile collapse live with the archetype
    • 10e7c9fCritique with teeth, the mirror test, and a verification budget
    • dad9fe0Rotation gets memory, the log gets axes, nav routing gets one truth
    • 1428d2bSaaS sections become a deck that must deviate, not a sequence to stamp
    • 886e166Catalog de-duplication: axis twins broken, mid paper band opened, fingerprints complete
    • c4a7b83Hero postures: six named fold geometries replace the single silhouette
    • c3553f7Specs teach register, never composition; the imagery kit stops emitting dead links
    • de6d5a4One release: everything on this branch is v1.2

  4. 1.4.0

    Ver no GitHub
    1 commit nesta versão
    • 30c5512v1.4.0: the harness pivot - one core, three first-class harnesses

  5. 1.3.0

    Ver no GitHub
    4 commits nesta versão
    • 746e812Variants corner dock: full-bleed pages, one control surface bottom-right
    • 3093e9eFix grid-01 example: zero-chroma neutrals violated gate 22
    • 3968b62Coherence pass: fix the five defects the v1.3 review surfaced
    • 2dc9974v1.3.0: version bump, README variants-v2 + edit-time-linting sections, roadmap refresh

  6. 1.2.0

    Ver no GitHub
    11 commits nesta versão
    • cc06e7fVariants v2: speed (progressive, sketch-default, parallel, analysis-once) + smoothness (grafts, section-zoom, decisions) + thumbnails + scoped injection
    • 50ed78fSpec files for the 4 new themes (Grid, Field, Ledger, Arcade)
    • f760298Image hook (Together) + canonical examples for the 4 new themes
    • 5426348Wire 4 new themes into the catalog: Grid, Field, Ledger, Arcade (20 -> 24)
    • 123599dTheme specs for the 16 spec-less catalog themes
    • 087dc85Edit-time lint hook: sloplint on write via PostToolUse, advisory only
    • 6d52d29Coherence pass: fix every contradiction the five-walkthrough review surfaced
    • 04a9873The variants verb: three live directions, a local picker, pick-and-continue
    • 75c577fCustom art-direction ritual: the slate, the draw, postures, the direction contract
    • b901563Open-model hardening: sloplint mechanical checker, gate classes, models.md, no-vision study path
    • 80701e3Speed pass: consolidate SKILL.md, slim anti-patterns, split enrichment and craft into index-then-pick files

  7. 1.1.0

    Ver no GitHub
    5 commits nesta versão
    • aeb42fbMerge pull request #18 from Nutlope/fix/existing-stylesheet-merge
    • 58517f0Append to an existing global stylesheet instead of overwriting it
    • 627f5d2fix: reconcile slop-test gate count (58) and stale N1 nav refs
    • 7a890a3Carnival rework, sharper anti-slop guards, and three new worked examples
    • 72f3dc0Worked examples: full-page image hover-scroll on every card; bump to v1.1

  8. 1.0.0

    Ver no GitHub
    4 commits nesta versão
    • 7d870f7Worked examples: scroll-on-hover for the new cards, plus README + link polish
    • a5593bbSlop test · consolidate 70 gates → 57 (merge redundant) and resync every reference
    • bd9e9abv1.1 — four new themes, the Custom route, and a full copy pass
    • 3ec0173Install · scope the skill to skills/hallmark/ (fixes #9)

Skills relacionadas

  • Capa da skill Better InterfaceConheça as 15 skills da coleção Better Interface para revisar telas, implementar desenhos e testar componentes. Veja funções, requisitos e exemplos de uso.
  • Capa da skill ImpeccableA Impeccable revisa interfaces existentes e orienta ajustes de design com comandos como critique, polish e harden. Confira a instalação e o uso.