Agent Skills
返回列表
品牌数据查询与Logo获取

品牌数据查询与Logo获取

开发编程 更新于 2026.08.28

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_fccf428b/brand-dev。

技能介绍

要解决什么问题

在开发品牌展示页、合作伙伴列表或客户墙时,通常需要品牌名称、简介和 Logo。手工整理耗时且容易出错;直接在生产代码里引用第三方图床链接(如 media.brand.dev)则存在风险——这些 URL 可能失效或变更,导致线上页面出现裂图。这个技能的目标是把「查询品牌数据 + 下载 Logo」变成一条可重复的流程,并强制把资源落到本地。

核心能力与工作步骤

技能围绕一个清晰的四步流程:

  • 提取域名:从用户输入中拿到目标域名,去掉协议和尾部斜杠,例如 https://example.com/ 处理为 example.com。
  • 拉取品牌信息:请求 brand.dev API,从响应中解析品牌名称(.brand.title 或 .brand.name)、描述(.brand.description)、Logo 列表(.brand.logos[]),有行业/分类时一并提取。
  • 下载 Logo 到本地:始终把 Logo 下载到项目本地,而不是在生产代码里引用外部 URL。保存位置遵循项目已有约定:Next.js 或静态站点放在 public/logos/;其他项目优先复用 static/、assets/、images/ 或 public/ 目录;没有约定时在静态资源根下新建 logos/。文件名使用小写品牌名加连字符(如 miss-a),扩展名与原始文件一致,可按 partners/、customers/ 等场景分子目录。
  • 返回结果:给用户品牌名称、描述、行业、本地 Logo 路径(相对于静态资源根)以及原始来源 URL(仅供核对)。

使用注意

几个硬性规则值得留意:图片必须落本地;代码里只写相对静态根的路径。卡片网格优先正方形/图标型 Logo,页头与 Hero 区优先完整横向 Logo。若 API 未返回任何 Logo,需要说明情况并建议使用兜底图标。

此外,该技能不自动安装依赖、修改系统权限、创建持久化任务或执行下载内容;涉及发送、发布、删除、付款、部署等外部写入操作时,会先展示目标与影响,等待用户明确确认。凭据仅用于用户指定的官方服务,不回显、不记录、不转发;命令与代码默认仅供参考,仅在用户明确要求且目标范围清晰时才会执行。

使用场景

  • 前端做合作伙伴墙,需要一批品牌标题、简介和 Logo,并下载到本地静态目录供页面引用
  • 官网首页要做客户品牌横版 Logo 列表,需要先解析域名获取图片再落地到 public/logos
  • 项目没有固定静态目录规范,需要把品牌 Logo 统一命名保存到项目内,方便后续维护
  • 接口返回的品牌没有 Logo,需要识别这种情况并给页面设计兜底图标方案

适合人员

  • 前端工程师,需要在品牌列表页或合作墙页面中引用稳定可用的 Logo 资源
  • 全栈工程师,需要为官网或落地页快速拉取品牌 Logo 并保存到项目静态目录
  • 静态站点维护者,希望把外部品牌图床资源本地化,避免线上链接失效
  • 内容平台开发者,需要批量整理品牌信息和图标并落到本地存储