知识学习网站生成器
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_f65abb13/knowledge-site-creator。
技能介绍
解决的问题
手工做一个主题学习网站时,常要重复处理文案、卡片数据、学习路径、本地进度、样式和部署细节。直接复制模板也能快速起步,但不同主题之间容易内容混杂、代码边界不清,把具体页面当成通用结构。
工作方式
knowledge-site-creator 把任务拆成可执行流程:先分析主题、受众与表达方式,再生成 wordData.js 与 siteConfig.js,然后依据 design-system.md、core-patterns.md 等参考文档生成页面。核心能力包括:
- 闪卡:快速记忆与卡片翻转
- 学习:渐进式展示与“已掌握”标记
- 测试:概念检验与题目反馈
- 索引:搜索、筛选与卡片网格
- 进度:学习统计、成就与本地追踪
资料还要求补齐发布细节:LocalStorage 操作加 try-catch、避免未转义内容进入 innerHTML、检查 DOM 节点、补齐 meta、sitemap.xml、robots.txt,并生成 manifest.json 与 sw.js 支持 PWA 离线访问。
适用边界
适合生成结构化概念站、学习工坊或可安装的个人知识网站。主题越离散、条目越清晰,效果越好;复杂课程体系、登录授权、实时数据或后端服务不在该技能描述范围内。部署与批量更新依赖具体环境与脚本,执行前应先检查样式、目标项目与回滚方式。
使用场景
- 想把离散概念整理成可复习页面时,用它生成闪卡、索引和进度网站。
- 要给团队交付一个可部署的学习工坊时,基于设计系统产出首页、学习页和详情页。
- 需要检查前端实现细节时,按规范补齐 LocalStorage 错误处理、XSS 防护和 meta。
- 在已有站点样式更新后,用它触发批量 CSS 更新、备份和重新部署。
适合人员
- 前端工程师:需要把主题概念快速转成符合设计系统的可部署页面。
- 独立开发者:要做个人知识站,要求 PWA 离线、SEO 和本地进度记录。
- 技术内容作者:要把术语、原理或方法整理成闪卡、索引和测试题。
- 小团队维护者:需要管理多个学习站的样式更新、备份和回滚。