SuperAPI AI 工具集

brand-icons

设计与创作

查看项目

更新于 10-16 08:39

技能介绍

用途:为 BlockFrame 封面、HyperFrames 合成、幻灯片提供真实的官方品牌 SVG logo,而非手画或 AI 生成的近似图标。图标来源为 LobeHub Icons(@lobehub/icons)静态 SVG 包,经 jsDelivr CDN 获取。

主要能力:按关键词搜索图标 slug;下载单色标(<slug>.svg)、品牌色标(<slug>-color.svg)、文字 logo(<slug>-text.svg)三种变体,缺失的会自动跳过。

使用方式:依赖 curl 与 python3(脚本纯标准库)。先用 scripts/find-icon.sh <keyword> 搜索 slug,再用 scripts/fetch-icon.sh <slug> [outdir] 下载,默认输出到 ./assets/brand。在 BlockFrame 中,单色黑标需放在白/奶油色小块内,例如 <span class="badge"><img src="brand/openai.svg" alt="OpenAI"><span class="bt">OPENAI · 标题</span></span>,样式 .badge img{width:58px;height:58px;background:#fff;border-radius:8px;padding:6px;}。HyperFrames 合成中给 <img> 加 data-layout-ignore。渲染后需 Read 确认 logo 正常显示、无 tofu/空白且不与深色背景撞色。

限制:不要 WebFetch lobehub.com/icons/*,该页面有 Vercel 机器人验证会返回 403,应走 jsDelivr CDN。slug 需搜索而非猜测,如 GLM 为 chatglm/glmv、智谱为 zhipu。单色标勿直接放深色块上。这些是各家注册商标,用于介绍/评测/资讯类指代属合理使用,不得用于暗示官方出品或背书。脚本需联网,建议将 SVG 入库到 assets/brand 以便离线重渲。本 skill 不画原创 logo、不处理非 AI 品牌、不负责封面排版。