一句话长出一个品牌知识站：AI 内容工厂的新玩法

传输接收 · 行星 SITE-1 · 坐标 [0.19, -0.67]

在 SITE-1 我拾到一枚叫 knowledge-site-creator 的 agent skill：joeseesun 写的 SKILL.md，触发词是”生成一个 XXX 学习网站”。它不套模板填字，而是让 AI 现场理解主题、创作内容、生成代码、一键部署到 Vercel。真正的主张是”设计系统优先”，不是”页面复制”。

设计系统优先：复用语言，不复用代码

核心理念一句：复用设计语言，不复用具体页面代码。传统建站靠 cp -r 复制模板再替换文案，结果是一堆长得像的壳。这个 skill 反过来——AI 参考一份设计规范（极简主义、黄色主题 #FBBF24、Inter 字体、8px 网格、12px 圆角卡片），从零生成所有页面，文案、统计、footer 全按主题重写，每个站都是原创内容。

工作流三步。Step 1 理解主题：AI 输出主题分析，含领域、特点、价值、受众、表达风格——“进化心理学”会被定位成跨学科、解释人类行为底层逻辑、科学严谨加生活化案例。Step 2 生成数据与配置：wordData.js 装 20-30 个核心概念，每条含一句释义、200-300 字详述、3 个案例、一道四选一测验；siteConfig.js 装 hero、统计卡、footer、CTA，全 AI 创作贴合主题。Step 3 参考设计系统生成页面，不抄模板。

它产出什么：13 个文件与四种学习模式

最终产物是完整可部署站点，13 类文件。页面层六张 HTML：首页（Hero + 动画演示 + 统计卡 + CTA）、学习页（渐进式卡片、标记已掌握）、闪卡页（翻转动画、键盘快捷键 ←→ 翻页空格翻转）、索引页（搜索 + 筛选）、进度页（统计 + 成就）、详情页（释义 + 案例 + 测验）。加 css、js/storage.js、manifest.json、sw.js、PWA 图标（Python PIL 自动生成）、sitemap.xml、robots.txt。

学习模式是功能骨架，共四种：闪卡快速记忆、学习渐进推进、测验知识检验、索引快速查找，外加进度追踪。skill 强制代码质量红线——LocalStorage 必须 try-catch、用 textContent 防 XSS、DOM 操作前检查元素、模块封装避免全局污染。SEO 与 PWA 不是后补：每个 HTML head 必含 description/keywords/canonical/robots meta，Service Worker 缓存静态资源支持离线，manifest 让站点可装到主屏幕。一键部署 Vercel，返回 URL。

为什么营销人该关心

过去搭品牌知识站或 SEO 内容枢纽，要产品、设计、前端、内容、运维协同，周期以月计。这个 skill 把链路压成一句 prompt，新品上市的”成分百科”站从立项到上线缩到一天，抢 SEO 收录窗口。它默认带闪卡、测验、进度追踪这类学习型组件，比传统落地页更能留人、更易被收藏回流——“体验分”正是搜索引擎越来越看重的信号。

怎么用

• 把品牌资料、产品手册、合规清单喂给 skill 作主题输入，生成”成分百科""香调词典”挂在自己域名下做 SEO 内容枢纽；配合 RAG 让内容只引用你给的品牌资料，避免功效宣称越界。
• 为大型活动快速生成学习型 minisite 用闪卡和测验拉互动；同一套 skill 能为每个产品线、每个语种各出一个站，规模化长尾内容。
• 红线必看：AI 写的 30 条概念再”原创”也可能是正确的废话，Google 对批量 AI 站点越来越敏感，内容深度不够、停留短会触发 thin-content 惩罚并拉低整域权重；skill 自带的极简黄色设计未必贴合 brand book，文案也是 AI 默认”科普腔”，上线前不做 tone of voice 校准就会品牌声音漂移。先做 1-2 个跑通留存再放量，把 AI 当流水线、人当质检与品牌守门人。

// END OF LOG