admin
5afeb6b78a
一、④段整套同步（用户选候选 A）
- 新增 `references/stage-proto-doc/assets/产品文档模板.html`（16 KB／247 行，从备份拷、转 LF）。
- ④段 SKILL.md 换成备份 15:28 那版，并按模板口径改齐：
· 「产品文档框架」从「四块＋一附录」改成**六节** —— 页面结构／功能清单／使用场景／操作流程／
跨页与界面状态／待确认与偏离；与模板同构，⛔ 不从空白页重写结构。
· 编号从 R/S/F 改成 **P 页面／S 场景／F 功能／J 二级功能**，各自唯一、按展示顺序通排。
· 保留旧版有价值的要求：每项功能补齐 做什么／入口在哪／输入边界／异常与恢复；重点功能三处标红；
横向流程图每步写清页面／功能／操作／完成判据。
· 完成标准「七节」→「六节」，自查清单同步换掉「需求」那批条目，补模板与配图两条。
· 路径 `designs/<项目>/` → `docs/pm/<项目>/ui/`（2 处）。
· 补回本机那条「每份产出文档开头都要有一张图」的引用（指向主 skill，段内不复述）。
- 主 skill 同步：四段结构表④行、④段沿革、画图小节（④段画页面结构图 ＋ 用户路径）。
二、open-design 移到技能根（用户选候选 A）
- `git mv product-planning/references/stage-delivery/assets/open-design → open-design/`（4178 文件）。
- `.gitignore` 白名单加 `!/open-design/` —— 否则移出去就不再纳入版本控制。
- 引用改 11 处：路径形态 `assets/open-design/...` → `<技能根>/open-design/...`；
「随段携带的自带件」改称「同根技能」；「路径怎么找」那条改成自带件（段内相对路径）与
同根技能（`<技能根>/<技能名>/`）两类分开写。
- open-design 自己的 ATTRIBUTION.md 两处同步（它现在与 oil-ui-pro 同层）。
- 副作用（有益）：命名闸门读数由 2063 降到 225 —— 此前它把 open-design 里 919 个第三方 md
当成规则一起扫了；现在只扫本包 23 个 md。已确认④段的 H1 与 4a/4b/4c 子步仍在检查范围内。
三、验收
- check_naming.py --ws E:/ProgramData/AIProject/contentm_agent ＝ 通过 225 / 失败 0 / 提示 27。
- 活文件里 `assets/open-design` 残留 0；工作区 CRLF 文件 0。
88 lines
3.4 KiB
Markdown
88 lines
3.4 KiB
Markdown
---
|
|
name: flowai-live-dashboard-template
|
|
description: |
|
|
Team-management dashboard skill in the FlowAI aesthetic — three tabs
|
|
(Team Members, Team Details, Activity Log), KPI stat row, member table,
|
|
role distribution bar chart, online presence and activity sparklines,
|
|
and a top-contributors panel, all in a single self-contained HTML file
|
|
with light/dark theming, hoverable chart tooltips, click-to-zoom panels,
|
|
and CSV export. Use when the brief asks for a team / workspace admin
|
|
dashboard, an interactive admin dashboard with charts, or names FlowAI.
|
|
triggers:
|
|
- "flowai dashboard"
|
|
- "team dashboard"
|
|
- "team management dashboard"
|
|
- "interactive admin dashboard"
|
|
- "workspace admin dashboard"
|
|
- "团队管理后台"
|
|
- "可交互后台"
|
|
od:
|
|
mode: prototype
|
|
platform: desktop
|
|
scenario: operations
|
|
preview:
|
|
type: html
|
|
entry: index.html
|
|
reload: debounce-100
|
|
design_system:
|
|
requires: true
|
|
sections: [color, typography, layout, components]
|
|
craft:
|
|
requires: [state-coverage, accessibility-baseline]
|
|
example_prompt: "Create a FlowAI-style team management dashboard with Team Members, Team Details and Activity Log tabs, KPI cards, a member table with status badges, a role-distribution bar chart, an online-presence sparkline, top contributors, light/dark mode, and CSV export."
|
|
---
|
|
|
|
# FlowAI Dashboard Skill
|
|
|
|
Produce a single-screen, multi-tab team management dashboard inspired by the
|
|
FlowAI aesthetic. The output is a self-contained HTML file (no external runtime
|
|
dependencies) with built-in interactions: tab switching, an animated bar chart,
|
|
hover tooltips on charts, click-to-zoom panels, dark mode toggle, and CSV
|
|
export of the visible team table.
|
|
|
|
## Resource map
|
|
|
|
```
|
|
flowai-live-dashboard-template/
|
|
├── SKILL.md
|
|
├── assets/
|
|
│ └── template.html # reference seed used as the starting structure
|
|
├── references/
|
|
│ └── checklist.md # P0/P1/P2 quality gates
|
|
└── example.html # complete hand-built sample (gallery preview)
|
|
```
|
|
|
|
## Workflow
|
|
|
|
1. **Read the active DESIGN.md** (injected above). Map color, typography,
|
|
spacing, and component styling tokens to the CSS variables used by
|
|
`assets/template.html`. Do not invent new tokens.
|
|
2. Start from `assets/template.html`; never generate the shell from blank.
|
|
3. Keep three tabs: `Team Members`, `Team Details`, `Activity Log`. Tabs must
|
|
actually switch and only one view is visible at a time.
|
|
4. Generate plausible, specific sample data (real-looking names, IDs, roles,
|
|
departments, dates, percentages). No `Member A / Metric B` placeholders.
|
|
5. Required interactions:
|
|
- tab switching with hash sync (`#members | #details | #activity`)
|
|
- role bar chart animates with easing on first reveal of the details tab
|
|
- chart hover tooltips with precise label + value
|
|
- click any panel/card to zoom; click again or press Esc to restore
|
|
- dark mode toggle that re-derives chart colors from CSS variables
|
|
- "Export CSV" button that exports every row currently in the team table,
|
|
including the `Workflow` column
|
|
6. Run through `references/checklist.md` before final output.
|
|
|
|
## Output contract
|
|
|
|
Emit one short orientation sentence, then the artifact:
|
|
|
|
```xml
|
|
<artifact identifier="flowai-team-dashboard" type="text/html" title="FlowAI Team Dashboard">
|
|
<!doctype html>
|
|
<html>...</html>
|
|
</artifact>
|
|
```
|
|
|
|
The artifact must render correctly when opened directly from disk with no
|
|
build step and no network access.
|