Agent Skills
返回列表
互动打卡小程序生成器

互动打卡小程序生成器

开发编程 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中：

请根据 https://skillhub.cn/install/skillhub.md，安装 @user_7e9c7116/checkin-interactive-miniapp。

技能介绍

解决什么问题

把一本书、一门课或一套方法论变成可运行的打卡工具，通常意味着你要自己设计数据结构、表单渲染、本地存储、连续天数计算，还要分别处理 H5 与微信小程序两种形态。结果就是：方法论还没落地，先被工程细节拖住。这个技能把内容输入和代码产出拆清楚——用户提供“说什么”，AI 负责“怎么做”。

它如何工作

核心是配置驱动：templates/config.js 是唯一真源，载体是 UMD 模块。fields[] 描述打卡字段，支持 seg / number / range / text；quotes[] 与 blessings{} 负责金句和 3/7/10/15/20/25/30 天里程碑；computeGuide(y, dateStr) 是唯一真正需要策略的函数，输入当天数据，返回 type / focus / items[] / principle / reflect，用来生成每日指南，而不是固定文案。

数据采集走 4 轮结构化问答：基础信息、理论框架、互动效果、UI 风格。风格从 10 款预设主题里选，每款是一套 CSS 变量。交互链路是问答区展示选项与用户选择作为 input；python scripts/build.py --config output/config.js --out output/ 作为受控工具调用；config.js 作为 output。build.py 复制模板引擎、注入 config、对全部 JS 跑 node --check、生成资源版本号，并同步输出 output/h5/ 与 output/miniapp/。H5 用浏览器直接打开，小程序用微信开发者工具导入。

分发时要注意 .wxss / .wxml 会被部分平台改写为 .css / .html，生成代码时应按目标平台恢复正确后缀。

适用边界

适合有明确自检维度的方法论：睡眠、饮食、运动、情绪、读书输出等，字段建议 3–6 个维度，金句 5–15 条。不适合纯文学、无框架内容，也不适合需要账号体系、云后端或支付的应用。个人主体小程序无法支持在线支付。若金句、原书内容用于商业收费，先做版权自查；工具定位应是通往原书的入口，而不是替代原书。

使用场景

  • 读书会主理人需要把《好能量》等书籍的理论转化为具体打卡工具，配置几个自检维度，让社群成员每天记录详细数据并获取个性化的修复或输出建议。
  • 独立开发者需要为客户交付一款带有自检维度和连续打卡激励机制的微信小程序，通过修改`config.js`生成H5和小程序双端代码包，并确保能顺利通过微信审核。
  • 方法论讲师需要将独有框架产品化为可交互的每日自检工具。通过交互式问答收集金句、反思问题与里程碑，生成包含10种UI风格的小程序代码包。

适合人员

  • 寻求将课程理论快速转化为可交互微信小程序供学员每日打卡，追踪连续天数与里程碑以提升课程交付体验的知识付费产品经理。
  • 希望将共读书籍的核心方法论封装成专属打卡工具，通过每日个性化指南和金句激励来管理社群日常实践的读书会主理人。
  • 接手定制打卡小程序订单，需要一套配置驱动的模板引擎，通过修改config.js快速产出H5和小程序双端代码以降低交付成本的独立开发者。