AI 双窗口协作分工规范
分工总则
DW-01
双窗口隔离原则
项目采用两个独立 AI 会话窗口并行工作,严格隔离业务边界。两个窗口绝不编辑同一份 HTML/CSS 文件,避免冲突覆盖。
| 维度 | 窗口 1 · 规范与站点 | 窗口 2 · 小说与阅读 |
|---|---|---|
| 核心职责 | /standards 规范、全站链接、导航结构 | /showcase 正文、阅读页 CSS、阅读交互 |
| 文件范围 | standards.html、nav.js、spec-*.html、首页仪表盘 | showcase.html、chapters/、阅读排版样式 |
| 禁止操作 | 小说正文剧情、人物对话、阅读页 CSS | 规范条例、全站链接、导航栏、部署脚本 |
窗口 1 职责明细
W1
规范站与全站基础设施
负责范围:
- 完善、新增、修订 /standards 全站 AI 创作与多人协作规范条例
- 全站链接排查、修复死链、统一路径标准、修复条例交叉引用断裂
- 规范页面布局优化、导航 A 区分类重构、导航 HTML/CSS 修改
- 锚点 ID 标准化整改,统一 #rule-xx 命名,消除中文/特殊符号锚点
- 规范内分层结构优化、补充 AI 约束、协作流程、版本归档、违规验收条款
- 站点运维配套规则、链接自检机制、页面路由统一规范编写
禁止操作:
- /showcase 小说章节正文剧情、人物对话、故事续写
- 小说阅读页阅读容器、排版、主题、字号、章节切换 CSS 样式
- 角色人设、世界观剧情设定创作、章节修订剧情内容
- 仅属于小说展示页的交互、阅读工具栏、章节上下页逻辑
窗口 2 职责明细
W2
小说正文与阅读体验
负责范围:
- /showcase#ch1 等小说章节正文润色、续写、对话优化、剧情调整
- 小说阅读页专属 HTML、阅读排版 CSS、阅读容器、行高字体、段落缩进样式
- 阅读辅助功能:阅读设置面板、字号调节、多主题、阅读进度、平滑滚动
- 章节上下切换、目录锚点、世界观关键词悬浮设定弹窗交互逻辑
- 移动端小说阅读适配、侧边目录折叠、底部章节导航样式
- 本章创作笔记、修订记录折叠区块、出场设定汇总 UI 与文本优化
禁止操作:
- /standards 规范文档新增、修改、补充任何 AI/协作条例
- 全站链接排查、死链修复、导航栏 A 区结构与链接调整
- 站点运维、NAS 同步、Git 部署、构建脚本相关内容
- 全局公共导航、规范页面布局、条例引用关联整改
联动与冲突规则
DW-02
跨窗口联动处理
当修改涉及两个窗口的管辖范围时(如导航同时影响规范站和小说站),统一在窗口 1 完成编辑,窗口 2 只查阅不编辑。
DW-03
防冲突铁律
- 绝不使用两个窗口同时编辑同一份 HTML/CSS 文件
- /standards、头部导航、全局链接修复 → 只在窗口 1 操作
- /showcase 正文、阅读页 CSS、小说交互 → 只在窗口 2 操作
- 每个窗口首次对话须粘贴对应的分工提示词,锁定工作边界
强制执行标准
DW-04
窗口 1 强制标准
- 所有站内链接统一使用绝对路径 / 开头,禁用简写相对路径
- 修改任意规范条例,同步检索所有跨页面引用该条例的链接并同步修正
- 输出 HTML/CSS/JS 仅针对首页、/standards、顶部导航公共头部,不改动 showcase 专属样式
- 输出规范文档时严格遵循四级世界观分层、AI 三层校验、协作权限分级体系
DW-05
窗口 2 强制标准
- 正文生成严格遵循项目四级世界观、人物人设约束、时空逻辑规则
- CSS 只输出阅读页面专属样式,不改动网站头部导航、规范页面样式
- 专有世界观名词统一添加 .world-tag 高亮悬浮组件
- 输出排版严格区分叙事段落、角色对话、场景标题、手稿摘录专属格式
CSS 架构约束
CSS-01
单一变量源原则
全站唯一变量定义文件为 /global.css,所有页面必须引用此文件。禁止在单页面内联重新定义品牌色、基础字号、间距等全局变量。
| 文件 | 职责 | 谁维护 |
|---|---|---|
/global.css | 唯一变量源 + 公共组件(world-tag、按钮、面包屑、折叠面板) | 窗口 1 |
/style.css | 主站页面布局、导航、卡片、工具栏样式(使用变量,不重定义) | 窗口 1 |
/spec-page.css | 规范页面专用布局样式 | 窗口 1 |
/showcase 内联样式 | 仅 .read-container 内部阅读样式 | 窗口 2 |
CSS-02
变量命名体系
所有变量遵循以下命名规范,不得使用未登记变量:
- 品牌色:
--accent-red--accent-gold--accent-blue--accent-green--accent-purple - 基础色:
--bg--text--text-muted--border--link - 排版:
--font-base(16px)--font-read(17px)--line-base(1.5)--line-read(1.8) - 布局:
--content-width(720px)--wide-width(1280px)--nav-height(56px) - 间距:
--space-xs(4px)--space-sm(8px)--space-md(16px)--space-lg(24px)--space-xl(40px) - 兼容别名:
--c-bg--c-blood--c-gold等映射至主变量,供旧代码平滑过渡
CSS-03
窗口 2 CSS 隔离规则
窗口 2 仅允许在 .read-container 或 .read-layout 作用域内定义样式。禁止使用 !important 覆盖全局变量。阅读容器内字号、行高必须基于全局变量衍生:
.read-container {
font-size: var(--font-read); /* 17px,来自 global.css */
line-height: var(--line-read); /* 1.8,来自 global.css */
max-width: var(--content-width); /* 720px */
}
HTML 骨架统一
HTML-01
统一页面骨架
所有页面强制统一骨架结构,通过 CSS 类名区分业务布局:
<header>全站通用导航 A 区</header> <main> <div class="doc-layout">首页/规范页布局</div> <div class="read-layout">小说阅读页布局</div> </main> <footer>统一页脚</footer>
HTML-02
小说阅读页导航兼容
小说页保留沉浸式阅读体验,但必须:
- 引用
/global.css以获取统一变量 - 保留品牌标识栏(至少含站名 + 三站切换链接)
- 导航可半透明悬浮、滚动自动淡化,但不可完全删除
- 所有站间跳转链接使用绝对路径
/开头
使用流程
打开窗口 1
粘贴窗口 1 提示词
粘贴窗口 1 提示词
→
打开窗口 2
粘贴窗口 2 提示词
粘贴窗口 2 提示词
→
按职责分发需求
两窗口独立工作
两窗口独立工作
→
联动修改
统一在窗口 1 完成
统一在窗口 1 完成