openyida 2026.9.24 → 2026.9.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/design-plan/init.js +2 -1
- package/package.json +1 -1
- package/yida-skills/skills/yida-app/SKILL.md +1 -1
- package/yida-skills/skills/yida-app/workflow/step-7-page-code.md +1 -1
- package/yida-skills/skills/yida-canvas-custom-page/references/canvas-style-implementation-guide.md +5 -4
- package/yida-skills/skills/yida-canvas-custom-page/references/page-generation-guide.md +6 -6
- package/yida-skills/skills/yida-dashboard/SKILL.md +1 -1
- package/yida-skills/skills/yida-design/SKILL.md +2 -2
- package/yida-skills/skills/yida-design/references/application-style-library.md +1 -1
- package/yida-skills/skills/yida-design/references/page-quality-gates.md +6 -4
- package/yida-skills/skills/yida-design/references/theme/app-custom-theme-template.css +523 -187
- package/yida-skills/skills/yida-design/references/visual-scaffold-recipes.md +13 -40
- package/yida-skills/skills/yida-design/sub_skill/yida-design-plan/SKILL.md +1 -1
- package/yida-skills/skills/yida-design/sub_skill/yida-design-plan/references/page-patterns.md +6 -4
- package/yida-skills/skills/yida-design/templates/design-themes/README.md +2 -1
- package/yida-skills/skills/yida-design/templates/design-themes/app-amber/app_theme.css +427 -190
- package/yida-skills/skills/yida-design/templates/design-themes/app-amber/design.md +10 -10
- package/yida-skills/skills/yida-design/templates/design-themes/app-editorial/app_theme.css +427 -190
- package/yida-skills/skills/yida-design/templates/design-themes/app-editorial/design.md +10 -10
- package/yida-skills/skills/yida-design/templates/design-themes/app-executive/app_theme.css +427 -190
- package/yida-skills/skills/yida-design/templates/design-themes/app-executive/design.md +10 -10
- package/yida-skills/skills/yida-design/templates/design-themes/app-finance/app_theme.css +426 -189
- package/yida-skills/skills/yida-design/templates/design-themes/app-finance/design.md +9 -9
- package/yida-skills/skills/yida-design/templates/design-themes/app-glass/app_theme.css +427 -190
- package/yida-skills/skills/yida-design/templates/design-themes/app-glass/design.md +10 -10
- package/yida-skills/skills/yida-design/templates/design-themes/app-graphite/app_theme.css +427 -190
- package/yida-skills/skills/yida-design/templates/design-themes/app-graphite/design.md +10 -10
- package/yida-skills/skills/yida-design/templates/design-themes/app-line/app_theme.css +426 -189
- package/yida-skills/skills/yida-design/templates/design-themes/app-line/design.md +9 -9
- package/yida-skills/skills/yida-design/templates/design-themes/app-neon/app_theme.css +428 -191
- package/yida-skills/skills/yida-design/templates/design-themes/app-neon/design.md +11 -11
- package/yida-skills/skills/yida-design/templates/design-themes/app-nordic/app_theme.css +426 -189
- package/yida-skills/skills/yida-design/templates/design-themes/app-nordic/design.md +9 -9
- package/yida-skills/skills/yida-design/templates/design-themes/app-paper/app_theme.css +427 -190
- package/yida-skills/skills/yida-design/templates/design-themes/app-paper/design.md +10 -10
- package/yida-skills/skills/yida-design/templates/design-themes/app-platinum/app_theme.css +426 -189
- package/yida-skills/skills/yida-design/templates/design-themes/app-platinum/design.md +9 -9
- package/yida-skills/skills/yida-design/templates/design-themes/app-plum/app_theme.css +427 -190
- package/yida-skills/skills/yida-design/templates/design-themes/app-plum/design.md +10 -10
- package/yida-skills/skills/yida-design/templates/design-themes/app-pop/app_theme.css +427 -190
- package/yida-skills/skills/yida-design/templates/design-themes/app-pop/design.md +10 -10
- package/yida-skills/skills/yida-design/templates/design-themes/app-sage/app_theme.css +427 -190
- package/yida-skills/skills/yida-design/templates/design-themes/app-sage/design.md +10 -10
- package/yida-skills/skills/yida-design/templates/design-themes/app-teal/app_theme.css +426 -189
- package/yida-skills/skills/yida-design/templates/design-themes/app-teal/design.md +9 -9
- package/yida-skills/skills/yida-design/templates/design-themes/app-terminal/app_theme.css +427 -190
- package/yida-skills/skills/yida-design/templates/design-themes/app-terminal/design.md +10 -10
- package/yida-skills/skills/yida-design/templates/design-themes/app-ticket/app_theme.css +427 -190
- package/yida-skills/skills/yida-design/templates/design-themes/app-ticket/design.md +10 -10
- package/yida-skills/skills/yida-design/templates/design-themes/app-wire/app_theme.css +426 -189
- package/yida-skills/skills/yida-design/templates/design-themes/app-wire/design.md +9 -9
- package/yida-skills/skills/yida-design/templates/design-themes/dark-inset-hairline/app_theme.css +420 -183
- package/yida-skills/skills/yida-design/templates/design-themes/dark-rail-fine-lines/app_theme.css +421 -184
- package/yida-skills/skills/yida-design/templates/design-themes/dark-rail-fine-lines/design.md +2 -2
- package/yida-skills/skills/yida-design/templates/design-themes/dark-rail-signal-panels/app_theme.css +420 -183
- package/yida-skills/skills/yida-design/templates/design-themes/free-creative/app_theme.css +418 -181
- package/yida-skills/skills/yida-design/templates/design-themes/free-creative/design.md +1 -1
- package/yida-skills/skills/yida-design/templates/design-themes/graphite-bevel-grid/app_theme.css +420 -183
- package/yida-skills/skills/yida-design/templates/design-themes/hairline-shared-bands/app_theme.css +420 -183
- package/yida-skills/skills/yida-design/templates/design-themes/hairline-soft-blocks/app_theme.css +421 -184
- package/yida-skills/skills/yida-design/templates/design-themes/hairline-soft-blocks/design.md +3 -3
- package/yida-skills/skills/yida-design/templates/design-themes/index.json +0 -13
- package/yida-skills/skills/yida-design/templates/design-themes/ink-glow-soft-panels/app_theme.css +420 -183
- package/yida-skills/skills/yida-design/templates/design-themes/inset-frame-pixel-rhythm/app_theme.css +420 -183
- package/yida-skills/skills/yida-design/templates/design-themes/outlined-texture-duotone/app_theme.css +420 -183
- package/yida-skills/skills/yida-design/templates/design-themes/soft-inset-surfaces/app_theme.css +420 -183
- package/yida-skills/skills/yida-design/templates/design-themes/soft-outline-rhythm/app_theme.css +420 -183
- package/yida-skills/skills/yida-design/templates/design-themes/soft-rail-bold-band/app_theme.css +421 -184
- package/yida-skills/skills/yida-design/templates/design-themes/soft-rail-bold-band/design.md +4 -4
- package/yida-skills/skills/yida-design/templates/design-themes/warm-canvas-contrast-panels/app_theme.css +421 -184
- package/yida-skills/skills/yida-design/templates/design-themes/warm-canvas-contrast-panels/design.md +3 -3
- package/yida-skills/skills/yida-design/templates/design-themes/warm-rail-muted-panels/app_theme.css +421 -184
- package/yida-skills/skills/yida-design/templates/design-themes/warm-rail-muted-panels/design.md +2 -2
- package/yida-skills/skills/yida-design/workflow/step-4-wireframe-interaction.md +5 -5
- package/yida-skills/skills/yida-prd/references/app/role-journey.md +1 -1
- package/yida-skills/skills/yida-prd/references/plan-content.md +1 -1
- package/yida-skills/skills/yida-prd/workflow/output-prd.md +5 -5
- package/yida-skills/skills/yida-prd/workflow/plan-business.md +2 -0
- package/yida-skills/skills/yida-prd/workflow/step-2-information-architecture.md +12 -3
- package/yida-skills/skills/yida-requirement-analysis/references/experience-groups.md +3 -3
- package/yida-skills/skills/yida-design/templates/design-themes/soft-spectral-panels/app_theme.css +0 -513
- package/yida-skills/skills/yida-design/templates/design-themes/soft-spectral-panels/design.md +0 -385
- package/yida-skills/skills/yida-design/templates/design-themes/soft-spectral-panels/form-layout.json +0 -13
package/lib/design-plan/init.js
CHANGED
|
@@ -233,7 +233,8 @@ function initialize(inputPath, options = {}) {
|
|
|
233
233
|
'# 计划编写上下文', '', `需求事实:${input}`, `计划目录:${outputDir}`, '',
|
|
234
234
|
`读取本上下文、编写契约和 business.json;按 authoring.pendingFields 补齐事实,保留 base 与已有需求。business facts 填写 overview、dataModels、businessFlows、pages 和可选 execution;视觉填写 visual.json。复核业务覆盖后设置片段 ready=true,再执行:${materializeCommand}。使用成功结果中的 HTML 路径展示“当前方案”,revision 仅放在内部确认字段,不写入用户可见标题、摘要或问题。视觉片段按每页实际任务补齐焦点、布局、主操作、响应式与验收;已完成的选择直接复用。`, '',
|
|
235
235
|
'## 本轮编写重点', '设计功能范围、数据与规则、页面组织、关键交互和业务验收。页面 blocks 按优先顺序填写 {name,purpose};CLI 派生默认内容优先级与内容层次,保留明确填写的独立设计。通用状态和验收检查由 CLI 补齐,interactionStates 与 acceptanceCriteria 填写项目差异。', '',
|
|
236
|
-
'首页按使用者的主要任务选择:集中办事可用门户式工作台(workbench),单项任务可直达原生业务页;只有已确认的指标分析或投屏监控任务才规划 dashboard/screen
|
|
236
|
+
'首页按使用者的主要任务选择:集中办事可用门户式工作台(workbench),单项任务可直达原生业务页;只有已确认的指标分析或投屏监控任务才规划 dashboard/screen。工作台是围绕应用核心业务,把全局概况、业务管理、分析判断、异常处理和常用快捷入口组织在一起的综合工作空间;包含分析区块不自动改变整页主任务。不得从后台身份、系统名称或暗色风格自动增加驾驶舱。完整规则见 yida-requirement-analysis/references/experience-groups.md 的“首页按任务选择”。', '',
|
|
237
|
+
'工作台按角色与业务关系规划,参考 8-10 个有独立价值的区块;采用适合信息特点的表现形式,数据和洞察有依据,操作与快捷入口可用,不套固定列表组合。', '',
|
|
237
238
|
'无论是否分前后台,每个业务入口都要确定默认页面、菜单及分组顺序、打开后的首屏任务。menu 数组记录展示顺序,defaultMenuKey 记录默认任务;按角色需求决定,不按资源创建先后排列。平台导航通过排序命令落实,自定义导航通过页面菜单落实,frontend-only 也必须完成入口排序与首页验收。', '',
|
|
238
239
|
'入口方案沿用 execution.entryRecommendation:unified 表示不分前后台,service-management 表示分前后台,frontend-only 表示只有访问前台,backend-only 表示只有访问后台。向用户说明谁使用、看到什么、能做什么;只有前台且提交后需要处理时,在 reason 和业务流程中说明承接方式;逐入口补齐 role、menu 和 defaultMenuKey,前台关联独立页面 sceneKey。任何身份的入口含 local 菜单时,entry.sceneKey 必须关联承载页面,menu.resource 等于页面 name,viewKey 非空。管理端可直接落到原生业务视图,不强制创建首页。所有叶子菜单按资源、视图和操作记录 access 权限依赖,平台导航排序从管理菜单派生。详见 yida-app/references/entry-navigation.md。', '',
|
|
239
240
|
theme.mode === 'creative'
|
package/package.json
CHANGED
|
@@ -108,7 +108,7 @@ Plan 规划阶段的工作流入口只读取 `workflow/step-1-resource-context.m
|
|
|
108
108
|
- 需要收集或存储数据:先创建或复用核心普通表单,再生成页面;纯展示或静态内容可跳过表单创建。
|
|
109
109
|
- 需要审批、申请、审核、工单流转:先创建或复用流程表单,再生成页面。
|
|
110
110
|
- 需要标准统计:优先创建原生报表;明确高级图表或大屏时,再选择 `yida-rechart` / `yida-chart`。
|
|
111
|
-
- 按页面主任务选技能:经营分析、指标判断或投屏监控页面加载 `yida-dashboard
|
|
111
|
+
- 按页面主任务选技能:经营分析、指标判断或投屏监控页面加载 `yida-dashboard`;综合工作台由 `yida-canvas-custom-page` 实现,按 PRD 组织内容;其中的分析、洞察及快捷操作按实际需要实现,不能仅凭“工作台”或“看板”名称加载经营看板技能。页面读取任何表单业务数据时继续加载 `yida-canvas-data-binding`。
|
|
112
112
|
- PRD 明确包含报表或集成自动化时,它们属于 Step 4 主流程资源,不得推迟到 final 后置建议;自动化动作必须按通知、数据新增/更新、审批完成、定时或手动触发分别建模,不得统一退化成新增通知。
|
|
113
113
|
|
|
114
114
|
## 页面数据契约
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
当前页需要图片时,先查看已有素材任务状态,同时编写布局、文字、真实数据绑定和交互。尚未启动时,按 [后台启动与接收](../../yida-image-assets/SKILL.md#后台启动与接收) 派发 `yida-image-assets`,随后继续页面开发。接图时读取所属页结果,独立工作完成后才等待该页图片。使用 `--design design.md --page-id <pageId>` 核对当前页槽位并发检查图片,允许外链就直接使用;上传时追加 `--app-type <真实appType>`。结果写入独立的 `asset-manifests/<pageId>.json`,上传失败时保留已验证且允许外链的原地址。读取 manifest 中当前页 `pages[].materialStatus`;该页为 `final` 时只使用 `assets[].materialStatus=final` 的图片。必需槽位缺口只阻塞当前页接图与验收,总状态 `draft` 不阻塞其他已就绪页面。
|
|
29
29
|
|
|
30
30
|
1. 自定义页面开发执行 `use_skill("yida-canvas-custom-page", "生成当前页面源码")`。根据 PRD 和 `design.md` 直接编写 `.canvas.jsx` / `.canvas.tsx`;允许从空文件实现完整 UI。内置整页示例按需用于理解数据接入和导航;表单抽屉片段必须按第 9 条整体合并,不要求复制整页,也不能用示例默认外观替代已确认的设计。已有符合设计的页面可继续迭代。
|
|
31
|
-
2. 按 PRD 的主任务和 scene 选用专项技能:经营分析或投屏监控页执行 `use_skill("yida-dashboard", "实现已规划的指标分析与监控")`;工作台、门户、操作队列继续使用 `yida-canvas-custom-page`,按 [首页按任务选择](../../yida-requirement-analysis/references/experience-groups.md#首页按任务选择)
|
|
31
|
+
2. 按 PRD 的主任务和 scene 选用专项技能:经营分析或投屏监控页执行 `use_skill("yida-dashboard", "实现已规划的指标分析与监控")`;工作台、门户、操作队列继续使用 `yida-canvas-custom-page`,按 [首页按任务选择](../../yida-requirement-analysis/references/experience-groups.md#首页按任务选择) 落实办理路径。工作台按 PRD 落实管理、分析、洞察与快捷操作;区块内常规图表使用 `yida-rechart`,不因包含图表而触发整页看板流程。
|
|
32
32
|
3. 页面读取任一表单数据时,必须执行 `use_skill("yida-canvas-data-binding", "为页面接入真实表单数据")`;不得以“页面已经能发布”为由跳过。
|
|
33
33
|
4. 页面结构已明确且适合生成器时,从 PRD + `design.md` 派生当前业务自己的 `page-spec.json`。
|
|
34
34
|
5. `page-spec.json` 写 `sourceOfTruth`、`prdFile`、`designFile`、`designRefs` 和 `conflictPolicy: "prd-design-win"`。
|
package/yida-skills/skills/yida-canvas-custom-page/references/canvas-style-implementation-guide.md
CHANGED
|
@@ -51,14 +51,15 @@ body.pod-premium.page-type-workbench .vc-page-yida-pure-container:has(> .vc-root
|
|
|
51
51
|
|
|
52
52
|
## 工作台卡片密度红线
|
|
53
53
|
|
|
54
|
-
|
|
54
|
+
工作台按 PRD 与 design.md 实现已确定的业务内容及表现形式。列表是可选表达,不是工作台成立的条件。实现工作台页面时:
|
|
55
55
|
|
|
56
56
|
- 禁止使用“4 个等宽大 KPI 白卡 + 彩色图标盒 + 大数字 0”作为首屏主体;统计摘要按主题采用紧凑条、分段摘要或实际需要的小面板,未定义时可参考 64-88px。
|
|
57
57
|
- 禁止把状态摘要做成横跨整页但内容稀疏的空矩形;如果占满宽度,必须放入趋势、更新时间、筛选、主操作或风险状态。
|
|
58
|
-
- 禁止用 160px
|
|
58
|
+
- 禁止用 160px 以上的大空态白卡显示“暂无数据”;空态保留当前视图的必要上下文,并带登记/发布/刷新等下一步动作,不强制转为列表。
|
|
59
59
|
- 快捷入口不要做孤立图标大卡片阵列;高频动作放按钮组、工具条或 40-56px 的紧凑入口,低频动作折叠到更多。
|
|
60
|
-
-
|
|
61
|
-
-
|
|
60
|
+
- 首屏突出 PRD 指定的业务焦点与行动;按信息关系实现时间轴、阶段视图、矩阵、图表、对象总览或办理队列,不能将它们统一降级为记录列表。
|
|
61
|
+
- 综合工作台参考 8-10 个独立业务区块,沿用 PRD 已推导的内容;通过信息增量、主次与适合的表达形成丰富度,不在实现阶段为数量补模块。
|
|
62
|
+
- 区块筛选、对象选择、处理后更新与快捷操作遵循 PRD 的联动范围;数据不足时采用已设计的降级,不编造分析结论。
|
|
62
63
|
|
|
63
64
|
## 主题形状、密度与呼吸感落地
|
|
64
65
|
|
|
@@ -23,7 +23,7 @@ PRD 写有 `pageSpecHandoff` 时,可以把 `pageSpecHandoff` 转成 `page-spec
|
|
|
23
23
|
- `sourceOfTruth` 填写 `prdFile`、`designFile`、`designRefs` 和 `conflictPolicy = "prd-design-win"`。
|
|
24
24
|
- spec 与 PRD/design.md 冲突时,按这两份文件重新生成 spec。
|
|
25
25
|
|
|
26
|
-
|
|
26
|
+
按页面任务组织内容:工作台按 PRD 与 design.md 落实内容、表现形式与操作联动。综合工作台参考 8-10 个独立业务区块,不用固定列表组合或区块数替代业务规划。列表页按实际需要安排筛选、记录、详情及状态反馈。
|
|
27
27
|
|
|
28
28
|
如果当前页面正文没有具体布局、表面与组件、状态、响应式或验收安排,先补设计事实再实现。圆角、padding、gap 和密度采用选中主题与当前页决定,不能用固定大圆角或统一间距覆盖主题。状态、列表、动作与空态按真实内容组织,不用空白容器撑满首屏。
|
|
29
29
|
|
|
@@ -71,7 +71,7 @@ PRD 写有 `pageSpecHandoff` 时,可以把 `pageSpecHandoff` 转成 `page-spec
|
|
|
71
71
|
| 官网首页、品牌官网、律所官网、茶叶官网、落地页、门户官网 | `official-homepage` | `landing` | 首屏叙事、可信视觉面板、服务矩阵、信任背书 |
|
|
72
72
|
| 数据大屏、实时监控、预警系统、指挥舱、态势屏 | `data-screen` | `screen` | 中心态势图、左右信息塔、趋势、排行、预警 |
|
|
73
73
|
| 数据看板、经营看板、管理驾驶舱 | `dashboard-overview`,复杂经营大屏切 `data-screen` | `dashboard` | KPI、图表、明细、排行、洞察 |
|
|
74
|
-
| 工作台、运营台、任务中心、业务首页 |
|
|
74
|
+
| 工作台、运营台、任务中心、业务首页 | 按 PRD 与 `design.md` 的业务关系自定义结构 | `workbench` | 综合内容与快捷操作由 `contentBlocks` 驱动,队列处理仅在适用时选择 `data-management` |
|
|
75
75
|
| 列表、管理页、订单管理、客户列表、工单池 | `business-list` | `list` | 搜索筛选、表格、状态标签、详情抽屉 |
|
|
76
76
|
| 详情页、客户档案、订单详情、项目详情 | `detail-profile` | `detail` | 单对象摘要、章节、侧栏元信息、时间线 |
|
|
77
77
|
| 主从分栏、工单处理台、左列表右详情 | `split-pane-detail` | `list` | 左侧队列、右侧详情、时间线、动作区 |
|
|
@@ -136,11 +136,11 @@ antd 页面按 [CanvasThemeProvider 指南](canvas-theme-provider.md) 统一接
|
|
|
136
136
|
| `archetype` | 页面类型,如 `overview/analysis/monitor/profile` | 按 scene 推断 |
|
|
137
137
|
| `interactionProfile` | 主操作、详情方式、批量动作、空/载/错状态 | 按 scene 推断 |
|
|
138
138
|
| `functionContract` | 页面美感提升时保留的数据源、字段映射、按钮动作、筛选逻辑、提交 URL、权限、状态 | 现有页面契约 |
|
|
139
|
-
| `insights` | 看板/报告/工作台的数据洞察 |
|
|
139
|
+
| `insights` | 看板/报告/工作台的数据洞察 | 没有数据和规则依据时使用空数组,不生成场景默认结论 |
|
|
140
140
|
| `designFile` | 当前项目设计契约路径 | 来自 `yida-design` Step 5 |
|
|
141
141
|
| `designRefs` | 当前页面引用的 design.md 章节 ID | 来自 PRD 的 pageSpecHandoff |
|
|
142
142
|
| `themeSummary` | 应用主题色、风格关键词、主题交付方式摘要 | 来自 PRD 摘要,必须与 design.md 一致 |
|
|
143
|
-
| `contentBlocks` |
|
|
143
|
+
| `contentBlocks` | 页面区块清单,由业务任务与信息关系推导;综合工作台参考 8-10 个独立业务区块,不作为硬门槛,不用子项凑数 | 来自 `yida-design` Step 4 |
|
|
144
144
|
| `domainFidelity` | 实现后由 CLI 回填,标记业务化程度 | 无需手写 |
|
|
145
145
|
|
|
146
146
|
示例:
|
|
@@ -201,9 +201,9 @@ antd 页面按 [CanvasThemeProvider 指南](canvas-theme-provider.md) 统一接
|
|
|
201
201
|
| `official-homepage` | Real-scene hero、Product/service visual、Process/space story、Visit/service section、CTA |
|
|
202
202
|
| `data-screen` | Command map、Metric grid、Rank panel、Screen insight header |
|
|
203
203
|
|
|
204
|
-
|
|
204
|
+
工作台状态摘要按主题和真实内容确定尺寸,不使用横跨整页但内容稀疏的空矩形;快捷入口按角色、高频程度和业务关联组织。不同区块依据信息关系实现各自的表达,不套固定摘要、列表和侧栏组合。空数据保留适用视图与下一步动作,不渲染大块空白卡片。
|
|
205
205
|
|
|
206
|
-
展示型自定义页面验收时检查 `contentBlocks`
|
|
206
|
+
展示型自定义页面验收时检查 `contentBlocks` 和实际页面:区块是否有独立业务价值、表现是否适合信息关系、操作是否承接到真实对象。工作台按 PRD 验收覆盖和联动,区块数量不作为阻塞实现的硬门槛。业务问题、数据口径或操作承接不清楚时,实现前建议补充 `contentBlocks`,回写 PRD 后再实现,不用增加通用列表补齐数量。
|
|
207
207
|
|
|
208
208
|
所有展示型页面都按当前项目 `design.md` 的页面八项要点与共享规则实现。若只有业务区块和视觉形容词,没有实际布局、表面、组件和响应式决定,先补设计源事实:
|
|
209
209
|
|
|
@@ -30,7 +30,7 @@ metadata:
|
|
|
30
30
|
- 已确认的经营分析、指标比较、趋势判断或投屏监控需求。
|
|
31
31
|
- 现有经营看板的指标卡截图、分析分享或派单闭环。
|
|
32
32
|
|
|
33
|
-
|
|
33
|
+
按页面主任务判断,不按名称触发:综合工作台由 `yida-canvas-custom-page` 实现,可包含业务分析、洞察与快捷操作;这些区块按 PRD 组织,常规图表使用 `yida-rechart`。含图表、管理者身份或隐藏导航不足以触发整页 Dashboard 流程;经营分析本身为页面主任务时使用本技能。首页选择遵循 [首页按任务选择](../yida-requirement-analysis/references/experience-groups.md#首页按任务选择)。
|
|
34
34
|
|
|
35
35
|
单个普通统计报表优先 `yida-report`;只解决单张图的实现问题时按“图表路由边界”选择 `yida-rechart` 或 `yida-chart`。
|
|
36
36
|
|
|
@@ -77,8 +77,8 @@ Fast、Plan 和单页设计使用相同的 UI 设计规则、主题变量和质
|
|
|
77
77
|
6. **主题文件**:主题目录统一包含设计、CSS、表单布局三个文件,导出和生成参数见 [命令与参数](references/application-style-library.md#命令与参数)。Plan 使用 CLI 返回的 `outputs.theme`;Fast 和已有主题调整按 [主题文件生成与更新](workflow/output-design.md#cli-token-契约fast--plan-共用) 执行。按 [共用主题规则](references/application-theme-consistency.md) 将已选风格落实为 token,并核对生成的 CSS。修改变量要回到设计源后重新生成、上传;仅 CLI 未覆盖且已核实选择器的样式覆盖可在 CSS 末尾小范围追加,不另写脚本生成或重写主题文件。
|
|
78
78
|
7. **默认主题先做业务判断**:工作台、门户、列表、详情、普通看板和数据大屏默认都是浅底 / light 模式,但主色不固定为 `podBlue` 或 #1677ff;先根据行业、品牌、业务情绪和视觉目标做创意色彩判断,主题色可以是任意合法 CSS 颜色。只有用户明确说暗色/深色/夜间/高对比时才用深色沉浸。
|
|
79
79
|
8. **页面布局要到可实现粒度**:每个页面至少写清顶部/左侧/主体/右侧/底部区域、核心组件、信息密度、主操作位置、PC/移动端差异和空/载/错态。
|
|
80
|
-
9.
|
|
81
|
-
10. **工作台禁低密大卡片套路**:工作台 / 业务首页不能用“标题 + 4 个等宽大 KPI 白卡 + 图标快捷卡 +
|
|
80
|
+
9. **页面丰富度建议**:工作台沿用 PRD 已确定的内容和业务关系。综合工作台参考 8-10 个有独立业务价值的区块,不作为硬门槛;按任务覆盖和信息增量衡量丰富度,不用重复记录、入口或装饰凑数。区块依据信息关系采用不同且合适的表现形式,不要求每块换一种组件。
|
|
81
|
+
10. **工作台禁低密大卡片套路**:工作台 / 业务首页不能用“标题 + 4 个等宽大 KPI 白卡 + 图标快捷卡 + 大空态白卡”撑首屏。按已确定的业务内容和信息关系安排主视图、分析区、操作区及快捷入口,不指定统一列表组合或固定双栏。空态保留该视图所需的上下文与可执行下一步,不铺大块空白卡片。
|
|
82
82
|
11. **按主题保持形状、密度与呼吸感**:`design.md` 正文写清圆角、密度与呼吸节奏的具体消费方式和必要数值,优先采用选中主题的容器/控件形状与内距、组间距、列表行高。通用业务页参考值只补主题未定义项,不能用固定大圆角、padding 或 gap 覆盖主题。呼吸感来自对齐、分组、层级和节奏,不来自超宽空 KPI 框或空白卡。
|
|
83
83
|
12. **背景与内容层次清晰**:正文说明主题如何用色差、细边界、共容器、留白或材质区分内容。同色画布与面板可通过明确边界和分组成立;渐变、玻璃、阴影按主题规则启用,不强制添加。
|
|
84
84
|
13. **模板与自由创意并列**:始终支持[自由创意](references/application-style-library.md),根据业务独立推演,不要求从模板选择。使用模板时,先按业务任务、信息拓扑选择风格,再按用户确认的色彩氛围协调页面、卡片、导航、填充、边界和交互。布局、圆角与材质可保留,模板固定灰阶和品牌色面积限制不能覆盖用户要求。“自然绿意”等整体风格不能缩减成只有按钮和 logo 变绿;明确只改强调色或忠实中性参考时才保持原画布。文字保留可读的中性层级,状态保留独立语义。
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
## 找到和导出
|
|
6
6
|
|
|
7
|
-
`openyida design-plan catalog --json` 返回模板 `themes` 与独立的 `creativeOption`。全部
|
|
7
|
+
`openyida design-plan catalog --json` 返回模板 `themes` 与独立的 `creativeOption`。全部 33 个主题入口统一采用三文件目录,均可用 `application-style` 导出;其中 18 套应用风格与自由创意仍保留 `collection: application-styles` 分类。目录元数据提供完整设计、CSS 和原生布局的相对路径,可直接定位对应文件。
|
|
8
8
|
|
|
9
9
|
```bash
|
|
10
10
|
openyida sample yida-design application-style --style-id app-executive --output prd/my-app/style-start
|
|
@@ -4,11 +4,13 @@
|
|
|
4
4
|
|
|
5
5
|
## 1. 区块丰富度建议
|
|
6
6
|
|
|
7
|
-
-
|
|
7
|
+
- 综合工作台参考 8-10 个有独立业务价值的 `contentBlocks`,按 PRD 核对内容覆盖,不作为准出硬门槛。
|
|
8
8
|
- 计数按区块组算:KPI 组、快捷入口组、列表组、图表组各只算 1 个区块。
|
|
9
|
-
-
|
|
9
|
+
- 每个区块写清业务问题、信息关系、数据依据、表现形式、操作联动和状态;沿用已有文档字段。
|
|
10
10
|
- 重复指标、重复入口、列表行、图表点、装饰块、空白容器不计数;窄场景可以少于参考数量,并说明业务取舍。
|
|
11
11
|
|
|
12
|
+
工作台按 PRD 核对内容价值、表现适配和真实操作,不能以区块数量或换色代替业务验收。
|
|
13
|
+
|
|
12
14
|
## 2. 可实现页面门禁
|
|
13
15
|
|
|
14
16
|
每个实际自定义页须按 [输出契约的八项要点](../workflow/output-design.md#页面设计的八项要点) 写出具体设计。页面外壳、焦点、主内容、动作、上下文、状态与移动端关系都应清楚,但不要求对应同名英文字段。
|
|
@@ -31,7 +33,7 @@
|
|
|
31
33
|
|
|
32
34
|
- KPI 改成 64-88px 紧凑摘要条、分段摘要或侧栏小面板;如果横向占满宽度,必须补充趋势、更新时间、筛选、主操作或风险状态,不能只有稀疏数字。
|
|
33
35
|
- 高频动作改成按钮组、工具条或紧凑入口,低频动作折叠。
|
|
34
|
-
-
|
|
36
|
+
- 空态保留当前业务视图的必要上下文,并提供登记、刷新、补录或查看配置动作;不要求改成列表。
|
|
35
37
|
- 业务已有风险、提醒、负责人、最近动态、洞察或下一步建议时可以用于右侧;没有这些内容则收窄或移除空栏。
|
|
36
38
|
|
|
37
39
|
圆角、间距与呼吸感门禁:
|
|
@@ -100,7 +102,7 @@
|
|
|
100
102
|
- pageSpecHandoff:
|
|
101
103
|
- pageStructure:<workbench / dashboard-overview / business-list / detail-profile / split-pane-detail / portal-shell-home / official-homepage / data-screen>
|
|
102
104
|
- scene:<workbench / dashboard / list / detail / landing / screen>
|
|
103
|
-
- contentBlocks
|
|
105
|
+
- contentBlocks:<业务推导的区块与用途;综合工作台参考 8-10 个独立业务区块,子项不分别计数>
|
|
104
106
|
- themeSummary:<应用主题色 / 风格关键词 / 主题交付方式摘要;必须与 design.md 一致>
|
|
105
107
|
- designFile:<prd/<项目名>/design.md>
|
|
106
108
|
- designRefs:<themeProfile / sceneRecipes.<scene> / components.<name> / states.<name>>
|