# 联系页面策划 Skill 安装指南
> 面向 AI Agent 的机器可读安装说明。HTML 页面不能直接当作 Skill 文件安装。
- 技能包：https://www.vibemarketing.work/packages/skill-contact-page/1.0.0/skill-contact-page.zip
- 原始 SKILL.md：https://www.vibemarketing.work/raw/skill-contact-page/SKILL.md
- 校验：https://www.vibemarketing.work/packages/skill-contact-page/1.0.0/SHA256SUMS
- 版本：1.0.0｜许可证：MIT｜上游：https://github.com/kostja94/marketing-skills/blob/70987bad4ebe9dce1f74858c1c64f3f8810f18e4/skills/pages/brand/contact/SKILL.md
## 通用步骤
1. 下载完整 ZIP 并解压，保留 SKILL.md 及全部配套文件。
2. 按下面对应 Agent 的方式放入其技能目录。
3. 安装完成后报告实际安装目录。
4. 用一个只读小任务验证 Skill 已被识别。
5. 若缺少联网、下载或写目录权限，直接告知用户需要手工完成的步骤。
## 各 Agent 安装方式
### WorkBuddy
```text
技能 → 添加技能 → 上传技能 → 选择本地技能包
```
验证：在“已安装”中搜索 Skill 名称，启用后用一个只读样本任务检查是否被正确调用。
### OpenClaw
```text
openclaw skills install ./skill-contact-page --as contact_page_skill
```
验证：运行 openclaw skills list 确认技能已注册，再用一条只读样本命令检查调用。
### Hermes Agent
```text
mkdir -p ~/.hermes/skills && cp -R ./skill-contact-page ~/.hermes/skills/
```
验证：在消息入口里发一条只读任务，确认 Hermes 报出 Skill 名称与将要执行的步骤。
### Codex
```text
mkdir -p ~/.agents/skills && cp -R ./skill-contact-page ~/.agents/skills/
```
验证：让 Codex 列出可用 Skill 并复述本次要执行的步骤，再跑一个只读小任务。
### Claude Code
```text
mkdir -p ~/.claude/skills && cp -R ./skill-contact-page ~/.claude/skills/
```
验证：在项目里提一个只读任务并点名 Skill，确认它按 SKILL.md 的步骤复述计划。
### TRAE
```text
在 Skills 设置中导入包含 SKILL.md 的 skill-contact-page 目录；项目级 Skill 可放入 .agents/skills/skill-contact-page
```
验证：在 Skills 设置里确认已启用，再让它对一个页面或一份材料做只读检查。
### ZCode
```text
mkdir -p ~/.zcode/skills && cp -R ./skill-contact-page ~/.zcode/skills/
```
验证：在设置页确认技能已启用，对话中输入 $ 选择技能，再跑一个只读小任务。
## 这个 Skill 做什么
根据销售、客服、媒体和通用咨询需求，完成联系我们页面的信息架构、联系表单、字段文案、替代渠道、SEO 元数据与无障碍检查表。
需要准备：销售、客服、通用、媒体或合作等联系类型，以及每类请求的接收团队和处理方式；现有联系我们页面 URL、截图或表单字段，手机端表现、放弃点和已知用户问题；品牌语气、公司邮箱、电话、在线聊天、社交账号、办公地址与已确认的回复时效；隐私政策链接、表单提交后的真实下一步、网站组件规范、SEO 和无障碍要求
最终交付：联系我们页面结构：联系类型入口、主表单、替代联系方式、回复说明和可信信息的顺序；联系表单与询盘表单方案：字段名称、顺序、必填状态、标签、占位提示、错误提示和 CTA 文案；替代联系方式清单：按销售、客服、媒体和通用咨询列出可公开的邮箱、电话或聊天入口；发布资料：Title、Description、手机端输入类型、键盘操作、隐私提示与无障碍检查表