promovaweb/brandfy

brandfy-tipografia-web

Seleciona webfonts, baixa arquivos licenciados e gera CSS tipográfico.

查看源码

使用方法

  1. 复制安装命令,在自己的智能体环境安装前先检查源码包。
  2. 从原始文档核对所需工具、凭据和支持的宿主。
  3. 说明输入材料与期望交付物,并对照来源检查输出。
npx skills add https://github.com/promovaweb/brandfy --skill brandfy-tipografia-web

开始前需了解

  • 安装不包含模型订阅、API 额度或访问文件的权限。
  • 仓库星数和安装量反映活跃情况,不等于独立质量或安全测试。
仓库原始内容

按源仓库内容呈现,保留标题、案例、代码、表格、链接以及原文引用的演示图片。

Preparar a tipografia para web

Protocolo operacional

  • Plano e progresso: planejar seleção, licença, arquivos, CSS e testes.
  • Fontes de verdade: ler a direção visual, as licenças e

webfonts.md.

  • Escopo e idempotência: não baixar ou redistribuir fonte sem licença

compatível. Preservar arquivos existentes com hash igual.

  • Validação: conferir licença, MIME, peso, estilo, carregamento, fallback e

legibilidade.

  • Resumo final: registrar famílias, origem, licença, arquivos, CSS e

pendências.

Fluxo

  1. Escolher famílias para títulos, corpo, interface e código com base no idioma,

no repertório necessário e nas aplicações.

  1. Preferir WOFF2 variável quando o suporte e a licença permitirem. Manter

arquivos estáticos apenas para pesos realmente usados.

  1. Registrar cada arquivo em .brandfy/fonts.json, incluindo URL direta,

licença, autoria, peso, estilo e hash opcional.

  1. Executar:
bash
   node <caminho-da-skill>/scripts/download-fonts.mjs \
     --manifest .brandfy/fonts.json \
     --output brand/fonts
  1. Gerar brand/fonts/fonts.css com @font-face, font-display: swap,

fallbacks e tokens de família.

  1. Definir escala, line-height, tracking, comprimentos de linha e usos por

função no manual.

  1. Testar acentos, números, símbolos, negrito, itálico e carregamento offline.

Quando a fonte for proprietária ou hospedada por serviço externo, gerar o CSS de integração sem copiar o arquivo para o repositório.

Raciocínio do especialista

Escolher tipografia pela tarefa: leitura longa, interface, título, número, código, idioma e personalidade exigem parâmetros diferentes. Comparar cobertura de caracteres, legibilidade, pesos úteis, métricas, performance, licença, fallback e manutenção. A semelhança estética com uma referência não compensa arquivo sem licença ou família que falha em acentos e telas pequenas.

按任务相关推荐

来自同一仓库

更多 Skills

全部 Skills