亲子活动H5邀请函标准化 Skill:从模板改稿到 html2web 部署与群通知

前言

幼儿园、社群或班级里组织亲子露营、生日派对、遛娃小聚时,常见做法是:自己改一页 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 下载核对。

  1. 活动信息结构化输入:每次只需填活动主题、日期与时间、详细地址、地图导航分享链接、额外温馨提示;并事先确定活动五要素(主题、时间、地点、简介、备注)。
  2. H5 模板改稿规范:在通用 HTML 模板上只改内容与导航 URL(标题、时间、地点、介绍文案),结构样式不动;另存为 index.html,编码 UTF-8。
  3. html2web 一键部署:通过 https://html2web.com 上传 index.html(无需注册登录),获得专属访问链接,并在微信内自测展示、动画、报名与导航跳转。
  4. 固定群通知文案模板:提供可直接替换活动名称、时间、地点与 H5 链接的家长群通知范本。
  5. 发布前校验与报名统计:核对时间地点与导航后群发;通过 H5 内报名名单统计人数。
  6. 异常排查与复用规范:覆盖微信打不开、导航无效、图片空白、报名异常等处理要点;约定模板存档、固定使用 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 中的「标准执行流程」推进即可。可复现的主线如下。

前置准备

  1. 确定活动五要素。
  2. 在地图 App 打开目的地,复制网页版分享导航链接。
  3. 存档通用 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 。

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜