Knowledge Site Creator 是一个通用知识学习网站生成器。用户只需用一句话描述想要学习的领域，AI 便会自动理解主题、创作内容、生成页面并一键部署上线。
【用途】 适用于任何需要系统学习的知识领域，例如进化心理学、大模型术语、化学元素、历史事件等。触发方式包括“生成一个XXX学习网站”“创建XXX知识网站”“做个XXX学习工坊”等。
【核心理念】 设计系统优先：复用设计语言（极简主义、配色、布局、交互模式），但不复用具体页面代码，AI 根据主题重新创作所有内容。 通用学习模式：包含闪卡（Flashcard）快速记忆、学习（Learn）渐进式学习、测试（Quiz）知识检验、索引（Index）快速查找、进度（Progress）学习追踪。 零模板依赖：不再复制模板，AI 参考设计系统生成新页面，所有文案、统计、介绍都由 AI 创作。
【工作流程】 用户视角：用户说“生成一个进化心理学学习网站”，AI 自动分析主题特点与价值、生成约 30 个核心概念数据、创作首页文案与统计介绍、参考设计系统生成页面、部署到 Vercel，并返回部署网址。
实施流程（AI 执行）： Step 1 理解主题：分析领域、特点、价值、受众与表达方式。 Step 2 生成数据与网站配置：生成 wordData.js（知识点数据，默认 20-30 个）和 siteConfig.js（站点配置，含主题、站点名、知识点称呼、首页 Hero 区、统计卡片、底部介绍、按钮文案等）。 Step 3 参考设计系统生成页面：参考 design-system.md、core-patterns.md、code-quality.md、seo-best-practices.md、pwa-setup.md 等文档，从零生成 index.html、learn.html、flashcard.html、roots.html、progress.html、root-detail.html、css/minimal.css、js/storage.js、manifest.json、sw.js、PWA 图标、sitemap.xml、robots.txt 等文件。所有 HTML 必须包含完整 meta 标签（SEO、Open Graph、Twitter Card、Favicon、PWA、iOS Safari、Google Fonts 等）。 Step 4 创建项目结构：在指定目录创建项目，写入数据、配置与页面，并用 Python PIL 自动生成 PWA 图标。 Step 5 数据验证：通过 Node.js 对数据结构、完整性、配置进行强制质量检查。 Step 6 部署：执行部署前安全检查、部署到 Vercel、部署后强制验证（含 projectId 冲突检查、网站可访问性验证、其他项目影响检查、移动端与 SEO 验证）。
【代码质量要求】 所有 LocalStorage 操作必须有 try-catch；使用 textContent/createElement 防止 XSS，禁止直接 innerHTML 插入未转义数据；所有 DOM 操作前检查元素存在；避免全局污染，使用模块封装或 IIFE。
【设计系统要点】 配色以黄色为主题色（#FBBF24），灰色系文字和背景；字体为 Inter 字体族，代码用 Courier New；风格为极简主义、大留白、清晰层级；组件为圆角卡片（12px）、极浅阴影；间距采用 8px 网格系统，Hero 区 96px 留白。
【限制与说明】 部署依赖 Vercel，项目位置示例为 /Users/joe/Dropbox/code/${topic}-workshop。每个项目必须独立部署，绝不共享 GitHub 仓库。具体收费、价格、平台支持范围等资料暂未提供。