校园合作协议书草拟台 · Campus Agreement Hub
Overview
一份单文件、断网可用的 HTML 写作工作台，帮用户把"校园合作协议书/备忘录"真正落地。核心是把零散的协议草拟经验，变成可执行的五步闭环：
- 分析范文 — 用「十一色拆解法」标出"标题—双方—背景—内容—权责—费用—保密—违约—争议—附则—签署"，看懂协议骨架
- 学习框架&建素材库 — 掌握协议标准十条结构，把常用开头、权责句、费用句、违约句、争议解决句、签署句分类存入素材库
- 模板模仿 — 选对应场景（赞助协议/活动备忘录/通用协议）的填空模板，填入双方名称、合作内容、金额、时间，一键出初稿
- 修改打磨 — 用「自检清单」逐条过：主体清？内容细？权责对？费用死？违约能？争议有？签署全？
- 收集反馈迭代 — 请老师/合作方审阅，把模糊点、漏掉的义务记回素材库，下一次协议更专业
内置能力：
- 四模块一体：方法手册台 / 范文拆解台 / 素材·模板库 / 草稿自检台，顶部 Tab 切换
- 本地存储：草稿自动存 localStorage（键 wb_agreement_draft_v1），刷新/关闭不丢；支持导出/导入 JSON 备份
- 模板出稿：3 套填空模板（校园赞助合作协议书 / 校园活动合作备忘录 / 通用合作协议），覆盖最常见校园合作场景
- 十一色范文：内置 2 篇完整范文（赞助协议 × 公益备忘录），色标批注协议各组成部分
- 打分自检：10 项加权自检清单，满分 100，≥90 分可正式提交审阅
- 全内联零外链：CSS/JS 全部内联，不引任何外部框架/CDN/字体
- 双端适配：PC 顶部 Tab、手机窄屏单列堆叠，按钮/输入框适配触控
- 预置内容：首次打开含范文、素材、模板，非空白页
内容要点（校园合作协议书基线）
- 标准十条结构：标题 → 双方信息 → 合作背景/目的 → 合作内容 → 双方权利义务 → 费用/经费 → 知识产权/保密 → 违约责任 → 争议解决 → 附则/生效 → 签署
- 表达四原则：准确无歧义、主体对称、分条列项、法言法语
- 常见错误：口语化、模糊表述、权利义务一边倒、缺违约责任
- 自检口诀："主体清、背景明、内容细、权责对、费用死、保密严、违约能、争议有、附则全、签署齐"
- 常见场景：社团赞助、校企活动、公益合作、场地借用、联合宣传、志愿服务
When to use
- 用户说「帮我草拟校园合作协议」「协议书简易文字草拟」「校园合作简单协议」「赞助协议怎么写」。
- 用户想给学生会、社团、创业团队做一份可离线、可分发、可备份的协议草拟辅助台。
- 需要把"分析范文→学习框架→模板模仿→修改打磨→收集反馈"这类五步法，固化成一个持续使用的个人写作系统。
Resources
assets/campus-agreement-hub.html— 已生成好的完整单文件工作台（开箱即用，无需构建）。
Quick Start（交付步骤）
这是资产交付型技能：HTML 已生成完毕，直接分发给用户即可，无需编程。
# 1) 把成品 HTML 复制到用户工作区（或任意目录），双击即可在浏览器离线打开
cp assets/campus-agreement-hub.html <目标目录>/
# 2) 想换标题/配色/场景文案时，用编辑器直接改 HTML 内：
# - <title> 与 header h1 改名称
# - :root 里的 --brand / --accent 改主题色
# - 素材库（LIB 数组）、模板库（TPL 数组），按实际场景增删
常见个性化点：
- 范文替换：把 HTML 里范文段落换成用户本校真实案例，色标 class（role-）保持一致即可。
- 模板增删：在 TPL 数组加场景模板，调整填空占位符。
- 主题色*：--brand 主色（默认深蓝 #2563eb，正式稳重感）。
分发与安装
- 直接发文件：把
assets/campus-agreement-hub.html发给对方——双击即在任意现代浏览器离线打开，零安装零联网。 - 部署成手机 APP：用 cloudstudio-deploy 或任意静态托管部署后，手机浏览器打开 → 分享 → 添加到主屏幕，即变成可日常使用的协议草拟 APP。
- 打包成 skill 分发：把整个
campus-agreement-hub/目录 zip 发给他人，对方解压到~/.workbuddy/skills/<name>/（用户级，全项目可用）即可安装；本技能即采用此方式分发。
测试
NODE_PATH=/Users/zhoukun/.workbuddy/binaries/node/workspace/node_modules \
/Users/zhoukun/.workbuddy/binaries/node/versions/22.22.2/bin/node \
tests/test_hub.js
测试覆盖：页面加载、Tab 切换、范文色标渲染、素材库筛选、模板库渲染、localStorage 草稿保存、自检打分。
注意事项
- 生成内容为单文件离线应用，无任何外部接口或资源依赖，符合隐私边界（草稿只存本机浏览器）。
- 部署到公网后链接任何人可打开，但页面不预填真实隐私数据；备份 JSON 含用户草稿，注意私下传输。
- 数据仅存于本机 localStorage；建议定期用「导出/导入」备份，避免清缓存丢失。
- 范文与素材库为通用示例，正式签署前请按本校实际人名、数据、口径核实校对；重要法律文件建议咨询专业法务。
