应届生求职服务官网生成器
将以下提示词粘贴到你的 AI 对话框中：
请根据 https://skillhub.cn/install/skillhub.md，安装 @user_053d27d0/wzx-05。
技能介绍
要解决什么问题
校招季或求职服务创业时，你往往需要先有一套可演示的静态官网：有首页叙事、账号入口、岗位列表与详情，甚至 Offer 对比和入职清单，而不是从空白 index.html 开始堆 DOM。本技能面向「先把站点骨架落地、再改文案与样式」的场景，输出的是可直接在浏览器打开的 HTML/CSS/JS 模板，而不是后端招聘系统。
技能如何工作
当对话里出现生成应届生求职站、校园招聘平台等意图时，技能会立即把内置 /template/ 目录整包复制到你指定的输出路径（未指定时默认 ./graduate-job-portal/）。复制完成后你只需用浏览器打开 index.html 即可本地预览。
模板按页面拆分职责，便于二次开发：
index.html：Hero、公告轮播、服务卡片、求职时间线与 CTAlogin.html/register.html：表单校验、密码强度与协议勾选等前端交互jobs.html/job-detail.html：筛选、排序、分页与岗位详情布局offer-compare.html：多维打分与对比表onboarding.html：入职清单勾选与打印
视觉方面，主题色与圆角集中在 style.css 的 :root CSS 变量（如 --primary、--bg-card）；响应式在 768px（移动单列、汉堡菜单）与 1024px（平板双列卡片）断点切换。静态资源可随后上传到 GitHub Pages、Vercel 等免费托管。
适用边界
这是静态站点生成器：复制文件即完成，不包含真实用户认证、岗位数据 API 或投递流程。列表与详情页的数据与交互需在模板内自行接后端或改 mock。若你需要的是「只写文案」或「全栈招聘 SaaS」，应明确输出目录与是否要改页面范围，避免误以为技能会自动连库或部署。
使用场景
- 校招宣讲前，就业指导中心要在尚无招聘后端时，先做出可浏览器演示的多页求职服务官网。
- 创业团队做校园招聘产品，路演前需要含岗位列表、详情与 Offer 对比表的静态展示站。
- 岗位接口尚未联调，前端需先把 jobs 筛选排序、分页与 job-detail 布局搭成可点开的页面。
- 向客户演示入职流程时，需要快速得到带勾选进度、可打印的 onboarding 清单静态页。
适合人员
- 高校就业办老师，要在宣讲或开放日用完整首页、登录与岗位页给学生做界面走查演示。
- 独立开发者做应届生求职品牌站，希望从模板复制后只改 `:root` 主题色与文案再挂静态托管。
- 校招活动学生技术组，一周内要交付带注册登录与岗位列表的展示站，不接真实投递后端。
- 接「求职平台」外包的前端，客户已定页面结构，需从整包模板落盘到指定目录再二次开发。
相关技能
在 miaohong-cloud-base 中按 CLAUDE.md 与分层 reference 文档改代码，避免每次重摸仓库结构与约定。
为 OpenClaw 注入融合 TJ 与 Guillermo 思维的 Edge 人设，通过 SOUL、AGENTS 等文件实现极简主义与开发者体验优先的编码协作。
对接南方财经主题库，查概念成分股、资讯、主题基金、产业链与财务对比，适合板块与概念研究。
跨语言 HTTP 接入 Bmob：URL 与鉴权约定、JSON CRUD、查询分页、批量与用户/文件接口及错误码速查。