OpenClaw × 内容与创意 · 可处理 6/7 个环节

OpenClaw × 网站 Favicon 制作 Skill

网站 Favicon 制作 Skill有 7 个执行步骤,OpenClaw 可以处理 6 步,其中 3 步需要相应工具与配置。它能把过程文件纳入版本管理便于回溯,正好对应这个 Skill 里最吃工具的一段。需要提前知道的是:产物区审阅这 1 项它不做,涉及的 1 个步骤要按下面的手工方式衔接。

  • 7个核心环节
  • 6/7当前可处理的环节
  • 未进前十在本 Agent 的推荐清单

WHY OPENCLAW

OpenClaw 适合把网站图标做成可复跑的本地流程:源图、导出文件、HTML、manifest 和检查报告都留在项目目录

网站 Favicon 制作 Skill可以作为独立任务在 OpenClaw 中使用。具体适配方式、资料交接和需要人工确认的环节见下方说明。

OpenClaw 适合把网站图标做成可复跑的本地流程:源图、导出文件、HTML、manifest 和检查报告都留在项目目录,脚本可以批量生成尺寸、校验像素与文件引用,并用 Git 保存版本。视觉辨识度、商标和正式发布仍需人工确认,浏览器与移动设备显示要查看真实页面。

CAPABILITY × STEP

本地脚本批量生成尺寸并核对引用

网站 Favicon 制作 Skill 共 7 个环节。OpenClaw 可以处理 6 个环节,其中 3 个需要相应工具与配置;另外 1 个需要团队补充。实际结果取决于输入资料、已接入工具与运行环境。

7个核心环节
6当前可处理的环节
3个需要工具与配置
1个需要团队补充
OpenClaw 跑 网站 Favicon 制作 Skill 的逐步对照 · 每步要做什么见 网站 Favicon 制作 Skill原生页面
步骤所需能力等级在 OpenClaw 下具体怎么做
01 确认网站环境 写本地文件页面预览操作前确认 有条件 可以做但有条件:OpenClaw 对页面预览的支持有限制。
02 盘点品牌图形 读本地资料 直接执行 直接交给 OpenClaw:它能直接读取本机目录里的资料。
03 规划尺寸与格式 版本管理 直接执行 直接交给 OpenClaw:它能把过程文件纳入版本管理便于回溯。
04 生成网站图标 操作前确认 有条件 可以做但有条件:OpenClaw 对操作前确认的支持有限制。
05 接入页面与框架 页面预览 有条件 可以做但有条件:OpenClaw 对页面预览的支持有限制。
06 补齐 PWA manifest 纯判断 任意 Agent 纯判断步骤,任何 Agent 都一样,取决于你给的资料质量。
07 完成搜索与多端验收 联网检索打开网页取正文产物区审阅操作前确认 不支持 改成手工:在对话流里分段核对结果。(没有独立产物区,成果直接落在工作区目录里)

优势集中在「生成图标文件与接入配置」。OpenClaw 从一份确认过的方形源图导出 PNG 与 ICO,保留 SVG,更新 link 标签或 manifest,再扫描缺失文件、尺寸错误和旧路径。验收标准是每个声明都能定位到真实文件,脚本重跑结果一致,报告列出仍需人工查看的场景。

  1. 01

    确认技术栈、PWA 与现有图标

    读取项目目录、HTML、框架配置、manifest 与 robots.txt,记录当前图标路径和未引用文件。

  2. 02

    简化品牌图形并规划尺寸格式

    把人工确认的方形源图放入 inputs,生成 sizes.json,明确 SVG、PNG、ICO 与各像素用途。

  3. 03

    生成图标文件与接入配置

    用本地批准的图像工具或脚本批量导出文件,更新 HTML 或 manifest,并输出文件哈希与变更差异。

  4. 04

    检查搜索抓取和跨设备显示

    脚本验证方形比例、像素、文件存在、主页引用与 robots 规则,浏览器和移动端结果进入人工检查表。

IMPORT · RUN

建立 inputs、icons、config 与 reports

OpenClaw可以直接读取目录里的资料,把这些文件放在同一个位置即可。

需要准备的资料

  • 网站技术栈、主页地址、部署目录和 PWA 使用情况
  • Logo、品牌图形或已有图标源文件,优先提供 SVG 或高分辨率方形图片
  • 品牌颜色、明暗背景要求和允许简化的图形元素
  • 现有 favicon、HTML head、框架图标目录、manifest 与 robots.txt

在 OpenClaw 里是这样推进的

为一个营销项目建立文件夹,把产品资料、数据表和参考案例放进去,OpenClaw 可以直接在这些文件上工作。

安装 Skill 后,先让它完成一个品牌、一篇内容或一组关键词;确认结果符合要求后,再批量处理更多对象。

Skill 装入 OpenClaw 后,源图只读放 inputs,生成物进 icons,接入片段进 config,检查结果进 reports。先在临时分支跑一个站点。

MANUAL HANDOFF

产物区审阅需要手工补

有 1 项能力需要你在 OpenClaw 之外完成,下面写清了各自影响哪一步、怎么补。

  • 产物区审阅

    影响:第 7 步 完成搜索与多端验收

    原因:没有独立产物区,成果直接落在工作区目录里

    做法:在对话流里分段核对结果

COLLABORATE · CHAIN

生成物进 Git,品牌源图按权限保存

尺寸配置、接入代码和报告可以版本化。未公开 Logo 与设计源文件按仓库权限管理,提交前检查文件范围和许可证。

图标生成后串接代码修改与站点验证

本 Skill 先输出文件和配置,网页任务应用改动,测试任务再核对引用与响应。生产切换保留人工批准。

COMBINATION CASE

示例:静态站补齐多尺寸图标

假设一个静态站只有旧 favicon.ico,主页没有 SVG 与 Apple Touch Icon 声明。

  1. 扫描 HTML 与现有文件
  2. 导入确认过的方形 SVG
  3. 批量生成 PNG 与 ICO
  4. 更新 link 标签
  5. 运行文件与抓取检查

预期结果:交付物应包含可复跑脚本、图标文件、HTML 差异和检查报告;视觉效果与上线由团队复核。

VERIFY · TROUBLESHOOT

删除 Apple Touch Icon 样本后运行检查,报告应指出缺失文件与引用位置;恢复后重跑通过,再查看深浅背景

删除 Apple Touch Icon 样本后运行检查,报告应指出缺失文件与引用位置;恢复后重跑通过,再查看深浅背景。

可直接使用的第一个任务

请在 OpenClaw 中使用「网站 Favicon 制作 Skill」。本次要完成:搜索结果或浏览器标签仍显示默认图标,需要补齐网站 Favicon 与首页声明。我会提供网站技术栈、主页地址、部署目录和 PWA 使用情况和Logo、品牌图形或已有图标源文件,优先提供 SVG 或高分辨率方形图片。请先完成一份小样,交付尺寸与格式清单:16、32、180、192、512 像素及 SVG、PNG、ICO 用途和网站图标文件方案:浏览器、Apple Touch Icon、Android 与 PWA 对应文件,并列出需要我确认的金额、日期、适用人群和目标链接。注意:产物区审阅这部分你做不到,遇到时直接告诉我,我手工补。

安装后的最小验证任务

安装完成后,先只做第 2 步:让 OpenClaw 盘点品牌图形,并把它直接读取本机目录里的资料的过程说出来。这一步是只读的,能确认 Skill 已被识别,也能确认它拿得到需要的资料。

OpenClaw 常见问题

  • 没有找到 Skill 时,检查技能文件夹内是否有 SKILL.md
  • 没有读到资料时,告诉它准确的文件名或项目目录
  • 批量结果不一致时,先用一个样本确认格式,再重新运行
  • 第 7 步 完成搜索与多端验收停住时,不用反复换提示词——没有独立产物区,成果直接落在工作区目录里,按上面的手工方式补这一步即可
  • 页面预览相关步骤结果不稳定时,先确认当前环境是否满足条件
OpenClaw 跑网站 Favicon 制作 Skill需要改哪几步?

7 个环节里有 6 个可以处理,其中 3 个需要相应工具与配置,1 个需要团队补充。请结合逐步说明确认实际做法。

资料要怎么交给 OpenClaw?

OpenClaw可以直接读取目录里的资料,把这些文件放在同一个位置即可。

装完先做什么验证?

安装完成后,先只做第 2 步:让 OpenClaw 盘点品牌图形,并把它直接读取本机目录里的资料的过程说出来。这一步是只读的,能确认 Skill 已被识别,也能确认它拿得到需要的资料。

什么任务更适合选 OpenClaw?

OpenClaw 适合把网站图标做成可复跑的本地流程:源图、导出文件、HTML、manifest 和检查报告都留在项目目录,脚本可以批量生成尺寸、校验像素与文件引用,并用 Git 保存版本。视觉辨识度、商标和正式发布仍需人工确认,浏览器与移动设备显示要查看真实页面。

OpenClaw 常见的失败情况有哪些?

没有找到 Skill 时,检查技能文件夹内是否有 SKILL.md;没有读到资料时,告诉它准确的文件名或项目目录;批量结果不一致时,先用一个样本确认格式,再重新运行。

源图与配置版本驱动重建

记录源图哈希、尺寸配置、导出工具版本和文件哈希。品牌更新时从同一入口重建,避免手工替换遗漏。

INSTALL

把网站 Favicon 制作 Skill装进 OpenClaw,点几下完成

Skill 装入 OpenClaw 后,源图只读放 inputs,生成物进 icons,接入片段进 config,检查结果进 reports。先在临时分支跑一个站点。

METHOD 01 · 交给 AI 自己装

复制提示词

适合大多数情况。Agent 会下载 ZIP、解压、放到正确目录,并在缺少权限时告诉你需要手工做哪一步。

请帮我把「网站 Favicon 制作 Skill」安装到 OpenClaw。
1. 下载完整 Skill ZIP:https://www.vibemarketing.work/packages/skill-favicon/1.0.0/skill-favicon.zip
   注意:网页 HTML 不能当作 Skill 文件安装,必须使用 ZIP 里的完整文件。
2. 解压后保留 SKILL.md 及全部配套文件,按 OpenClaw 的方式安装:openclaw skills install ./skill-favicon --as favicon_skill
3. 安装完成后告诉我实际安装目录。
4. 用一个只读小任务验证:运行 openclaw skills list 确认技能已注册,再用一条只读样本命令检查调用。
5. 如果你没有联网、下载或写目录权限,请直接告诉我哪几步需要我手工完成。
参考:原始 SKILL.md https://www.vibemarketing.work/raw/skill-favicon/SKILL.md;安装指南 https://www.vibemarketing.work/agent-install/skill-favicon.md

OTHER AGENTS

Codex、WorkBuddy、TRAE在这个 Skill 上覆盖更多环节

下面的步数来自逐步比对。卡在哪一步,就看哪个 AI 能直接完成那一步。

5/7 步可直接执行

Codex 网站 Favicon 制作

Codex在这个 Skill 上直接覆盖 5/7 步,而且能在独立产物区里逐份审阅和修改交付物——如果你这次的卡点正是产物区审阅,换它更省事。

4/7 步可直接执行

WorkBuddy 网站 Favicon 制作

WorkBuddy在这个 Skill 上直接覆盖 4/7 步,而且能在独立产物区里逐份审阅和修改交付物——如果你这次的卡点正是产物区审阅,换它更省事。

4/7 步可直接执行

TRAE 网站 Favicon 制作

TRAE在这个 Skill 上直接覆盖 4/7 步,而且能把成果渲染成可直接查看的页面——如果你这次的卡点正是页面预览,换它更省事。

FURTHER READING

OpenClaw 与网站 Favicon 制作相关的实操文章

围绕 OpenClaw 和这个任务的共同标签挑出来的,换成别的 Agent 看到的不是同一批。

官网菜单越改越简,定价和文档为什么更难找

假设一家 SaaS 公司把官网从六个一级栏目收成“产品、解决方案、资源”三个下拉菜单。价格页和文档页仍在,只是从页头可见入口移到了第二层。改版后如果销售频繁收到“有没有公开价格”“API 文档在哪里”

  • SEO
  • 内容策略
  • 产品营销
  • 信息架构

免费工具访问量很高,为什么销售还是收不到好线索

假设一家 SaaS 公司上线了 ROI 计算器。三个月后,工具页的自然流量和使用次数都在涨,市场团队把它当作新的获客入口,销售却说收到的邮箱很难跟进:有人只想算一道题,有人来自目标行业之外,还有人留下

  • SEO
  • B2B获客
  • 增长策略
  • 营销分析

竞品对比页写满功能,买家为什么还是不信

买家搜索“A 对比 B”时,通常已经知道品类,也看过其他产品。他打开供应商的对比页,看到自家产品每一行都是绿色勾,竞品则处处受限;再打开竞品的网站,结论正好反过来。两张页面都写了很多功能,却没有帮助他

  • SEO
  • 竞品分析
  • 产品营销
  • B2B营销

营销Skill调用失败怎么排查?按触发、路径、权限和输出定位

营销Skill调用失败怎么排查?先不要急着改提示词。用户看到的“没按Skill执行”可能是根本没有触发,也可能是Skill已启动却读不到文件、拿不到权限,或者运行成功但输出不符合预期。这几类问题需要不

  • VibeMarketing
  • 营销自动化
  • Skill排错
  • 营销Skill

产品那句话客户复述不出来,销售和市场就会各写一套

市场部改官网,销售改话术,投放改广告,三边各自有一套说法,在不少团队里已经算日常。语气不同还能凑合用。客户听完三遍,仍然复述不出你们到底解决哪一件事,这才麻烦。功能清单越长,这句话越容易丢。产品营销要

  • 定位
  • 销售赋能
  • 产品营销

NEXT WORKFLOW

按产出物与输入资料的衔接关系计算,都是同一个 Agent 下的版本,装完可以直接接着跑。

OpenClaw · 内容与创意#02

OpenClaw 品牌视觉系统 Skill

用 OpenClaw 完成「品牌官网、销售演示和社媒模板各用一套颜色与字体,需要统一视觉规范」,最终得到品牌视觉规范:字体角色、字号层级、颜色用途、间距尺度和 Logo 使用规则。

来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140

VibeMKT COMMUNITY

加入 VibeMKT 社群

微信扫码,交流营销 Skill 的选择、安装、试用与业务化改造。

加入 VibeMKT 社群的微信二维码

二维码会持续显示,关闭弹窗后返回当前页面。