kit-tipolisted

Define a tipografia do site como decisão — e, principalmente, resolve se dá para ENTREGAR. Confere licença (site de marca paga por tipo, e acervo montado a partir de site de marca vem cheio de fonte comercial que não se pode servir), propõe substituto livre com critério de desenho, monta o par display + corpo, gera a escala modular em px e rem, e cuida do peso que cada fonte custa no carregamento. Use quando o usuário disser "define a tipografia", "que fonte usar", "monta a escala tipográfica", "qual fonte substitui a X", "posso usar essa fonte?", "essa fonte é paga?", "o texto está sem hierarquia", ou invocar /kit-tipo. Use também, sem esperar o pedido, antes de aplicar um design system a um cliente — design system extraído de site real nomeia a fonte e quase nunca diz onde carregá-la legalmente.
harebeats/cannonball · ★ 12 · Web & Frontend · score 77

Install: claude install-skill harebeats/cannonball

# kit-tipo — decidir o tipo, e poder entregá-lo ## Antes de qualquer comando: resolva o `SKILL_DIR` Todo comando abaixo roda um script que viaja junto desta skill, em `SKILL_DIR/scripts/`. Defina `SKILL_DIR` como o **caminho absoluto da pasta que contém ESTE SKILL.md que você acabou de ler** — o seu harness informou esse caminho no resultado da leitura. Funciona em qualquer hospedeiro, sem depender de variável de ambiente de nenhum agente específico: ``` ~/.claude/plugins/cache/cannonball/cannonball/<v>/skills/<nome>/SKILL.md ~/.codex/skills/<nome>/SKILL.md ~/.gemini/skills/<nome>/SKILL.md ~/.agents/skills/<nome>/SKILL.md ``` Em todos, `SKILL_DIR` é a pasta do `SKILL.md`, e `SKILL_DIR/scripts/` está ao lado. A `kit-cor` existe porque o acervo tem cor demais e decisão de menos. Aqui o problema é **o inverso**, e é mais grave: o acervo nomeia **389 fontes diferentes, 341 delas usadas uma única vez** (87%). ```bash python "${SKILL_DIR}/scripts/tipo.py" --vies ``` Isso não é variedade. É a **lista de compras de outras marcas**. Os design systems foram extraídos de sites reais, e site de marca paga por tipo: `Aeonik`, `Roobert`, `GT Standard`, `Suisse Int'l`, `Söhne`, `PP Neue Montreal`, `Lausanne` — todas comerciais, com licença web cobrada por pageview ou por domínio. Dois padrões que definem o trabalho desta skill, e que aparecem em qualquer acervo montado a partir de site real: - **Design system nomeia a fonte e não diz onde carregá-la.** Ele diz "use ES Allianz" e