open-design/docs/screenshots
Tuola-waj 5abca505b1
add FlowAI live dashboard template skill (#801)
* add flowai live dashboard template skill

Introduce a new template-mode skill under the live-artifacts scenario with a default interactive example and seed template so users can generate polished, refresh-ready team dashboards quickly.

Co-authored-by: Cursor <cursoragent@cursor.com>

* add preview screenshot for flowai live dashboard template

Attach the provided dashboard screenshot under docs/screenshots/skills so the template contribution includes a visual preview artifact.

Co-authored-by: Cursor <cursoragent@cursor.com>

* fix(flowai-template): reposition as static prototype dashboard skill

Address review feedback on PR #801:

- SKILL.md: drop `scenario: live-artifacts` and live-related triggers;
  align with peer single-page dashboard skills using
  `mode: prototype` + `scenario: operations` so the four-file
  live-artifact contract no longer applies.
- references/checklist.md: rewrite quality gates around the static
  prototype scope (export-from-DOM, responsive breakpoints, theme-aware
  charts).
- assets/template.html:
  - CSV export now reads every visible row from the table DOM,
    including the Workflow column, instead of a hardcoded fixture.
  - Add 1300px and 720px breakpoints; the main grid stacks to one
    column, stat cards fall back to two then one, tabs wrap, table
    scrolls horizontally on phones.
  - Move chart colors into CSS variables (--chart-stroke,
    --chart-fill, --chart-axis, --chart-bar-label, --chart-bar-value)
    so dark-mode toggling re-derives them; chart canvases are
    re-rendered after theme switch.
  - Hash-sync tabs (#members | #details | #activity), animate the
    role bar chart only on first reveal of the details tab,
    fall back when CanvasRenderingContext2D.roundRect is unavailable,
    add Esc to exit zoom and prevent tooltip clipping.
- example.html: title cleanup to match new skill identity.

Localized content:
- Add `flowai-live-dashboard-template` to DE/FR/RU
  SKILL_IDS_WITH_EN_FALLBACK lists in apps/web/src/i18n so the
  e2e localized-content test passes.

---------

Co-authored-by: tuolaji <tuola@tuolajideMacBook-Air.local>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Tuola Ge <gexingli@refly.ai>
2026-05-07 19:07:45 +08:00
..
skills add FlowAI live dashboard template skill (#801) 2026-05-07 19:07:45 +08:00
01-entry-view.png Refactor project name from "Open Claude Design" to "Open Design" (#1) 2026-04-28 16:03:35 +08:00
01-entry-view.svg chore: migrate frontend toolchain from Vite to Next.js 16 App Router (#66) 2026-04-29 21:33:21 +08:00
02-question-form.png Refactor project name from "Open Claude Design" to "Open Design" (#1) 2026-04-28 16:03:35 +08:00
02-question-form.svg chore: migrate frontend toolchain from Vite to Next.js 16 App Router (#66) 2026-04-29 21:33:21 +08:00
03-direction-picker.png Refactor project name from "Open Claude Design" to "Open Design" (#1) 2026-04-28 16:03:35 +08:00
03-direction-picker.svg chore: migrate frontend toolchain from Vite to Next.js 16 App Router (#66) 2026-04-29 21:33:21 +08:00
04-todo-progress.png Refactor project name from "Open Claude Design" to "Open Design" (#1) 2026-04-28 16:03:35 +08:00
04-todo-progress.svg chore: migrate frontend toolchain from Vite to Next.js 16 App Router (#66) 2026-04-29 21:33:21 +08:00
05-preview-iframe.png Refactor project name from "Open Claude Design" to "Open Design" (#1) 2026-04-28 16:03:35 +08:00
05-preview-iframe.svg chore: migrate frontend toolchain from Vite to Next.js 16 App Router (#66) 2026-04-29 21:33:21 +08:00
06-design-systems-library.png Refactor project name from "Open Claude Design" to "Open Design" (#1) 2026-04-28 16:03:35 +08:00
06-design-systems-library.svg chore: migrate frontend toolchain from Vite to Next.js 16 App Router (#66) 2026-04-29 21:33:21 +08:00
07-magazine-deck.png Refactor project name from "Open Claude Design" to "Open Design" (#1) 2026-04-28 16:03:35 +08:00
07-magazine-deck.svg chore: migrate frontend toolchain from Vite to Next.js 16 App Router (#66) 2026-04-29 21:33:21 +08:00
08-mobile-app.png Refactor project name from "Open Claude Design" to "Open Design" (#1) 2026-04-28 16:03:35 +08:00
08-mobile-app.svg chore: migrate frontend toolchain from Vite to Next.js 16 App Router (#66) 2026-04-29 21:33:21 +08:00