＋ 发布 Skill
返回 Skills

设计公司出海图谱

@pws/design-company-overseas-map

—规则评分检测中

把公司与产品归属数据生成适合小红书发布的 3:4 公司卡片图谱、封面和 PNG 发布包。

产品小红书产品图谱出海社交信息设计数据可视化

中文概述 · 根据原始文档整理，完整规则与命令请查看「文件」中的 SKILL.md。

设计公司出海图谱

解决什么问题

把分散的公司—产品归属关系整理成手机可读的 1080×1440 卡片系列。公司是一等信息，产品按当前核心形态着色；卡片高度和分页随产品数量自动调整。

适用与不适用场景

适用于小红书行业图谱、公司产品矩阵、社区共建名单及其迭代更新。不用于榜单排名、股权穿透、未经核验的 Logo 猜测，也不把产品图标作为必需元素。

需要准备什么输入

准备结构化 JSON，至少包含分类、公司名称和产品名称；公司 Logo 可选。使用或更新数据前，先读 。设计或调整页面时，再读 。

来源可以混合官方资料、应用商店主体和用户提供的评论/截图，但必须在数据中保留来源说明与核验日期。评论区提到的产品应归入截图上方对应公司，除非后续证据明确否定。

三分钟快速开始

  1. 将 assets/company-card-template 复制到新的工作目录。
  2. 编辑工作目录中的 data.json，把可靠公司 Logo 放进 assets/company-logos；没有可靠 Logo 就不填写 companyLogo。
  3. 运行 node build-card-preview.mjs 和 node build-card-cover.mjs。
  4. 用浏览器检查 company-card-series.html，确认没有溢出、贴边、遗漏或错误 Logo。
  5. 运行 node export-card-package.mjs 输出 PNG。

在生成前可运行：

node scripts/validate-map-data.mjs 工作目录/data.json 工作目录/assets/company-logos

完整操作步骤

  1. 归并资料：逐张截图读取正文和评论，评论中的产品归属到对应公司。合并同名产品，保留版本、历史或更名状态，不用“+1”等省略数量替代产品名称。
  2. 执行筛选：遵循用户给定的范围。默认保留出海或国际化产品；若用户明确排除中文产品、某家公司或某类产品，在数据层删除而不是只在页面隐藏。
  3. 处理 Logo：只用可确认的官方公司 Logo，保持原有颜色和透明背景；白底图片先去白底。无法确认就留空，并让公司名自动上移。不要展示“官方标识待核验”。
  4. 生成卡片：使用模板脚本输出 3:4 SVG 和 HTML。产品只显示名称，不显示产品 Logo；长名称跨列，产品多的公司自动增高并重新分页。
  5. 视觉检查：手机宽度检查每页，重点查看公司名、首个产品和最后一个产品是否贴边，所有正文是否清晰，关键产品字号原则上不低于 30px。
  6. 数据检查：运行 scripts/validate-map-data.mjs，修复未知分类、重名、空公司、缺失 Logo 文件等问题。
  7. 导出交付：运行 PNG 导出脚本，检查每张均为 1080×1440；最终交付封面、连续编号的产品页和 ZIP。除非用户明确授权，不代替用户发布到外部平台。

输出示例和可下载文件

默认输出一张高亮主题词的专业封面、若干公司卡片页、一个移动端 HTML 预览和一组连续编号 PNG。模板内含已验证的当前项目数据与少量公司 Logo，用于继续迭代，不代表永久有效的行业数据库。

常见失败及处理方式

  • 公司或产品遗漏：回到每张截图的评论区逐条核对，不只读取正文。
  • 两个产品显得过小：保持相同列宽并平均分布，不把它们压成密集竖排。
  • 名称越界：优先换行和按长度缩字号，不能裁切或贴边。
  • Logo 错误或白底突兀：重新核验官方来源并制作透明版本；不能确认时移除。
  • 页面过满：增加卡片高度或拆页，不降低到手机无法阅读的字号。
  • PNG 导出失败：先确认 Node 可加载 sharp；在 Codex 中可通过工作区依赖运行时提供该模块。

作者、协作者和维护人

作者：庞伟深。维护人：庞伟深。协作者：语聊产品矩阵共建群友与 Codex。

版本、更新时间、最后验证时间

版本：1.0.1。更新时间：2026-09-29。最后验证时间：2026-09-29；验证范围包括 Skill 结构、数据校验、SVG/HTML 生成、PNG 尺寸与 FunSkill ZIP 完整性。