选择视觉范式和默认角色构图后,工作台将继续解析剧本。
",
- "css": ".ds-dialog { width: 680px; overflow: hidden; border-radius: 10px; color: #272320; background: #F5F0E8; box-shadow: 0 24px 64px rgba(39,35,32,.22); font-family: \"PingFang SC\", system-ui, sans-serif; } .ds-dialog header, .ds-dialog footer { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; background: #FFFDF9; } .ds-dialog header { border-bottom: 1px solid #DED5CA; } .ds-dialog footer { justify-content: flex-end; border-top: 1px solid #DED5CA; } .ds-dialog h2 { margin: 3px 0 0; font: 600 22px/1.2 \"Songti SC\", STSong, serif; } .ds-dialog small { color: #756E67; } .ds-dialog header > button { border: 0; color: #756E67; background: transparent; font-size: 22px; cursor: pointer; } .ds-dialog-body { min-height: 220px; padding: 24px; color: #5E4E43; } .ds-dialog-confirm { border: 0; border-radius: 8px; padding: 10px 16px; color: #FFFDF9; background: #8E3F23; font-weight: 700; cursor: pointer; } .ds-dialog-confirm:hover { background: #71311B; }"
- }
- ],
- "narrative": {
- "northStar": "安静的主美工作台",
- "overview": "这套界面应像一张长期使用的数字工作桌:信息稳定地留在原位,图片、角色关系和生产状态比界面本身更醒目。暖灰和砖红保留现有创作气质,布局与控件则遵循生产工具的秩序,减少展示页式文案、虚构背景和重复容器。\n\n工作台采用连续的桌面产品结构。初始化 Dialog、工作流进度、资产列表和资产详情共享同一套导航、排版和状态语言。系统明确拒绝炫技的 AI 科幻控制台,也拒绝大量同质卡片、层层容器和重复摘要组成的 SaaS 仪表盘。",
- "keyCharacteristics": [
- "暖灰工作区,砖红色只用于主要操作和当前选择。",
- "项目标题可使用宋体,其余界面统一使用系统无衬线字体。",
- "左侧工作流与资产列表保持紧凑,右侧详情为主要阅读和编辑区域。",
- "大部分表面保持扁平,使用留白、分隔线和背景层建立层级。",
- "前端展示正式状态并提交受控意图,不表现为自由实时协同编辑器。"
- ],
- "rules": [
- {
- "name": "The One Action Color Rule",
- "body": "砖红只表示主要操作、当前选择和需要注意的状态;不得把它用于标题装饰、大片背景或无意义图形。",
- "section": "colors"
- },
- {
- "name": "The Status Pair Rule",
- "body": "成功、警告和错误状态始终使用深色文字配同色浅底,不能只依赖文字颜色表达。",
- "section": "colors"
- },
- {
- "name": "The One Serif Role Rule",
- "body": "宋体只能用于项目名称或最高层创作标题。按钮、表单、导航、状态和数据禁止使用宋体。",
- "section": "typography"
- },
- {
- "name": "The Chinese First Rule",
- "body": "面向用户的界面文案以中文为主;英文只保留不可替代的模型名、格式名和短技术标识。",
- "section": "typography"
- },
- {
- "name": "The Flat Workspace Rule",
- "body": "工作区、导航、资产列表和详情面板在静止状态下不得使用投影;层级由背景色和一像素分隔线表达。",
- "section": "elevation"
- },
- {
- "name": "The One Floating Layer Rule",
- "body": "同一时刻最多有一个主要浮层。不得在 Dialog 内继续堆叠带阴影卡片。",
- "section": "elevation"
- }
- ],
- "dos": [
- "Do 使用暖灰工作区、清洁详情表面和一像素分隔线建立稳定的桌面工具结构。",
- "Do 把图片、资产名称、审视状态和下一步操作放在视觉层级前面。",
- "Do 使用左侧资产列表与右侧详情,让一个角色及其状态保持在同一上下文中。",
- "Do 让初始化 Dialog 与主工作台共用颜色、字体、按钮和状态组件。",
- "Do 让 Loading、折叠和预览组件解决明确的信息或等待问题。"
- ],
- "donts": [
- "Don't 制作炫技的 AI 科幻控制台、霓虹 HUD 或无功能意义的动态效果。",
- "Don't 使用大量同质卡片、层层容器和重复摘要组成 SaaS 仪表盘。",
- "Don't 使用横向宽度超过正常笔记本视口的大表格作为主要资产审视方式。",
- "Don't 在普通容器上同时叠加一像素边框和宽而柔的装饰阴影。",
- "Don't 在每个章节上方重复小号英文大写标签或编号眉题。",
- "Don't 使用超过 10px 的普通容器圆角,或把所有按钮做成胶囊形。",
- "Don't 让前端和 Agent 同时自由修改 canonical 项目状态。"
- ]
- }
-}
diff --git a/.impeccable/live/config.json b/.impeccable/live/config.json
deleted file mode 100644
index fcf2de1..0000000
--- a/.impeccable/live/config.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
- "files": [
- "assets/setup-app/index.html",
- "assets/review-app/index.html"
- ],
- "insertBefore": "