前言¶
幼儿园、社群或班级里组织亲子露营、生日派对、遛娃小聚时,常见做法是:自己改一页 H5 或海报,再找地方托管链接,最后在家长群里手写时间地点和报名说明。步骤分散,容易漏改导航链接或文件名不对导致微信打不开。下面介绍 SkillHub 上的社区 Skill「亲子活动H5邀请函 制作-部署-发通知 标准化Skill」,把「改模板 → html2web 发布 → 套用通知文案 → 群发校验」写成 Agent 可跟随的标准流程。
这是什么¶
一句话定位:基于通用 SKILL.md 格式的操作型 Skill,指导 Agent 与用户按固定步骤产出带在线报名、一键导航的 H5 邀请函,并完成托管与社群通知落地。
出品与坐标:社区来源(community),发布者 user_d6cbf64c,SkillHub 页面标注作者为「小庄周」;坐标 @user_d6cbf64c/parent-child-invitation-making,当前版本 1.0.0,分类 design-media。SkillHub 标签标明 requires_api_key=false,不依赖额外 API Key。
官方入口:
- 介绍页:https://www.skillhub.cn/skills/user_d6cbf64c/parent-child-invitation-making
- API 登记地址:https://api.skillhub.cn/user_d6cbf64c/parent-child-invitation-making
(SkillHub 统计:评分 100000,下载 1062 次,安装 0。)
核心功能¶
以下内容均来自该 Skill 包内 SKILL.md,经 skillhub install 下载核对。
- 活动信息结构化输入:每次只需填活动主题、日期与时间、详细地址、地图导航分享链接、额外温馨提示;并事先确定活动五要素(主题、时间、地点、简介、备注)。
- H5 模板改稿规范:在通用 HTML 模板上只改内容与导航 URL(标题、时间、地点、介绍文案),结构样式不动;另存为
index.html,编码 UTF-8。 - html2web 一键部署:通过 https://html2web.com 上传
index.html(无需注册登录),获得专属访问链接,并在微信内自测展示、动画、报名与导航跳转。 - 固定群通知文案模板:提供可直接替换活动名称、时间、地点与 H5 链接的家长群通知范本。
- 发布前校验与报名统计:核对时间地点与导航后群发;通过 H5 内报名名单统计人数。
- 异常排查与复用规范:覆盖微信打不开、导航无效、图片空白、报名异常等处理要点;约定模板存档、固定使用 html2web、留存链接便于复盘。
能力目标(Skill 原文):零代码基础也能快速产出带在线报名、一键导航、美化动态的 H5 邀请函。适用场景包括亲子露营、生日派对、同学小聚、遛娃线下活动等。
依赖环境(Skill 原文):记事本或文本编辑器、静态托管平台 html2web.com、高德/百度地图(获取导航分享链接)、微信(测试与发群)。
安装与启用¶
安装方式以 SkillHub 官方说明为准:先按 https://skillhub.cn/install/skillhub.md 配置 skillhub CLI,再将 Skill 安装到当前 Agent 能识别的 skills 目录(须使用 --dir,否则默认 ./skills/ 可能不被加载)。
检查 CLI:
command -v skillhub && skillhub --version
未安装时可执行完整安装(文档推荐):
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash
安装本 Skill(坐标与 SkillHub 页面提示一致):
skillhub install @user_d6cbf64c/parent-child-invitation-making --dir <你的 skills 目录>
常见客户端 skills 路径(摘自 SkillHub 安装文档):
- Cursor:
~/.cursor/skills/ - Claude Code:
~/.claude/skills/ - Codex:
~/.codex/skills/或项目下的.agents/skills/
也可让 AI 按 SkillHub 页面提示执行:「请根据 https://skillhub.cn/install/skillhub.md,安装 @user_d6cbf64c/parent-child-invitation-making。」安装后需按你所用客户端要求重启或刷新 Agent,使 Skill 生效。
典型用法¶
启用 Skill 后,让 Agent 按 SKILL.md 中的「标准执行流程」推进即可。可复现的主线如下。
前置准备
- 确定活动五要素。
- 在地图 App 打开目的地,复制网页版分享导航链接。
- 存档通用 H5 邀请函 HTML 模板作为固定底座。
步骤 1:修改 H5 模板
用记事本打开模板,只改标题、时间、地点、介绍与一键导航 URL,另存为 index.html(UTF-8)。
步骤 2:html2web 部署
浏览器打开 https://html2web.com ,上传 index.html,获得链接后在微信中检查页面、动画、报名与导航。
步骤 3:套用通知文案
使用 Skill 内固定的家长群通知模板,填入活动名称、时间、地点,并粘贴 H5 链接;保留报名字段说明(小朋友姓名、出行人数、饮食忌口等)。
步骤 4:校验与发布
核对无误后文案加链接发群,并通过 H5 查看报名名单。
向 Agent 提供「输入参数」一节中的五项信息,即可在一次对话中走完上述链路。
适用场景与注意¶
适合谁:需要反复办小型亲子线下活动、希望流程标准化而非每次从零摸索的运营者、家委或社群管理员;也适合把重复性说明交给 Agent,由人只负责确认事实与链接。
限制与注意
- Skill 本身是流程与规范文档,不包含随包下发的通用 HTML 模板文件;你需要自行准备并长期存档模板,Skill 强调「不改动模板 JS 核心代码,仅改文字」。
- 图片须使用在线网络地址,本地图片可能导致微信内空白。
- 微信打不开时,Skill 要求文件名严格为
index.html并重新上传。 - 托管依赖第三方站点 html2web.com,可用性与政策以该平台为准;Skill 约定固定使用该站以保持流程一致。
- 地图导航链接需从高德/百度地图 App 重新复制,避免过期或错误导致点击无反应。
结尾¶
「亲子活动H5邀请函 制作-部署-发通知 标准化Skill」把亲子活动邀请函从改稿、托管到群通知收敛成可重复的七步文档(含输入输出、异常排查与复用规范),适合挂在 Cursor 等支持 Skill 的 Agent 上,用结构化参数驱动整次发布。需要安装或查看元数据时,请访问 SkillHub 介绍页:https://www.skillhub.cn/skills/user_d6cbf64c/parent-child-invitation-making 。