Agent Skills
返回列表
知识学习网站生成器

知识学习网站生成器

开发编程 更新于 2026.08.29

将以下提示词粘贴到你的 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 和本地进度记录。
  • 技术内容作者:要把术语、原理或方法整理成闪卡、索引和测试题。
  • 小团队维护者:需要管理多个学习站的样式更新、备份和回滚。