Star200+
@nexu-io

Creator · nexu-io

Last updated · Aug 24, 2026

flowai-live-dashboard-template

STRONG · 76Registry indexed

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 fil

agent-skill
OpenAgentSkill Trust Score
76/100

Review then install

Quality95/100
Audit90/100
Stars91.0K
Verified installs0
View on GitHubOpen full auditREADME badgeClaim this skill

Install targets

Codex install prompt

Install the "flowai-live-dashboard-template" agent skill from https://github.com/nexu-io/open-design/tree/main/design-templates/flowai-live-dashboard-template. Read its SKILL.md or equivalent instructions first, install only the files needed for this workspace, and summarize any required setup before using it. Skill purpose: 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. After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {"event_id":"install_<unique-id>","skill_slug":"nexu-io-flowai-live-dashboard-template","task":"Install flowai-live-dashboard-template","agent":"codex","outcome":"success","install_used":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes.

Supply asset profile

Design and creative production

Design assets, images, video, audio, multimodal media, presentation, and creative production skills.

Browse track

Scenario

Design and creative

I need my agent to produce design assets, UI directions, presentations, or creative media workflows.

Agent fit

Claude Code + CLI + Codex

Codex, Claude Code, Cursor, CLI, or custom agents.

Install

Ready

npx skills add nexu-io/open-design --skill flowai-live-dashboard-template

Maintenance

fresh

Pushed today

Risk

Safe to try

Permission surface may require sandboxing

GitHub quality

91K

95/100 Quality · 84/100 Trust

Coverage tags

DesignDesign and creativedesign-creativeagent-skill

Review notes

Permission surface may require sandboxing · Permission surface needs review: shell or command execution, filesystem or document access

Agent adoption scorecard

Trust, audit, and install readiness at a glance

These scores combine public repository metadata, OpenAgentSkill review signals, maintenance freshness, and install readiness. They are a shortlist signal, not a replacement for human review.

Quality

Excellent
95

High-confidence pick with strong adoption and healthy maintenance signals.

Trust

Review then install
76

Good shortlist signal, but the agent should review audit notes, install policy, and outcome evidence before running it.

Audit

Safe to try
90

A machine-readable review of install readiness, security metadata, maintenance, and adoption risk.

OpenAgentSkill Trust Score v5

Human review before install

Use as the primary candidate after human or sandbox review.

CodexClaude CodeCursorOpenAgentSkill CLI

Stars

91K GitHub stars

Repo activity

91K stars, 10K forks

Maintenance

Pushed today

License

Apache-2.0

Install

npx skills add nexu-io/open-design --skill flowai-live-dashboard-template

Install safety

standard package or runtime install path

Permission surface

shell or command execution, filesystem or document access

Agent outcomes

No agent outcome data yet

Docs

Strong README/SKILL.md context

Risk summary

Review before production

  • Permission surface needs review: shell or command execution, filesystem or document access
  • Permission surface: shell or command execution, filesystem or document access

Install readiness

Install path available

  • Install path is available
  • Repository evidence is available
  • License is declared
  • No Agent Proven outcome evidence yet

Agent-readable metadata

Machine-readable decision data for this skill.

Use this block or the embedded JSON to decide whether an agent should install this skill, choose an alternative, or ask for human review first.

View technical data+
Open JSON

Suited tasks

  • Workflow automation workflows
  • Claude Code teams
  • teams that value GitHub adoption signals
  • Move data between tools

Suited agents

CodexClaude CodeCursorOpenAgentSkill CLICLI

Install decision

Command
npx skills add nexu-io/open-design --skill flowai-live-dashboard-template
Policy
review
Human review
yes

Trust and risk

Trust
76/100
Audit
90/100
Risk level
Safe to try

Outcome loop

Endpoint
/api/agent/outcome
Event ID
resolve
Outcomes
5

Install command

npx skills add nexu-io/open-design --skill flowai-live-dashboard-template
Public auditEval reportResolve APIInstall handoff

Do not use when

  • teams that need a vendor-supported SLA
  • high-compliance environments without internal security review
  • No OpenAgentSkill engagement data yet
  • High-risk permission hints: Shell or command execution
  • Permission surface may require sandboxing

Alternative

Frontend Design

171.2K Stars

npx skills add anthropics/skills --skill frontend-design

Alternative

Taste Skill: Anti-Slop Frontend

79.7K Stars

npx skills add Leonxlnx/taste-skill --skill design-taste-frontend

Alternative

Canvas Design

171.2K Stars

npx skills add anthropics/skills --skill canvas-design

Alternative

Anthropic Brand Guidelines

171.2K Stars

npx skills add anthropics/skills --skill brand-guidelines

Agent safety v2

62/100 · Review before install

Reviewed with permission notesreview

Usable candidate, but the agent should surface permission and audit notes before installation.

Require human approval before installing into a real workspace.

Resolve via API

high

Shell or command execution

Skill metadata references terminal, CLI, shell, subprocess, or command execution workflows.

medium

Network access

Skill likely fetches remote pages, APIs, repositories, or external services.

medium

Filesystem access

Skill may read or write project files, documents, generated artifacts, or local workspace state.

  • High-risk permission hints: Shell or command execution
  • Permission surface may require sandboxing

Agent resolve plan

Let an agent verify fit before installing.

The Resolve API returns the selected skill, alternatives, safety policy, audit notes, install target, and copy-paste prompt an agent can follow without scraping this page.

Open text plan

Open JSON

/api/agent/resolve?task=Use%20flowai-live-dashboard-template%20for%20an%20agent%20workflow&agent=codex&max_risk=medium

Resolve text

/api/agent/resolve?task=Use%20flowai-live-dashboard-template%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text

Install handoff

/api/skills/nexu-io-flowai-live-dashboard-template/install

Agent should check

  • Task fit and alternatives from Resolve API.
  • Audit score, trust score, and safety policy warnings.
  • Install target compatibility for Codex, Claude Code, Cursor, or CLI.

Copy prompt

Task: Use flowai-live-dashboard-template in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20flowai-live-dashboard-template%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/nexu-io-flowai-live-dashboard-template/install
Install command: npx skills add nexu-io/open-design --skill flowai-live-dashboard-template
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.

Agent handoff

Give an agent the install path, not another directory page.

Use the public install endpoint to fetch the command, safety checklist, target prompts, and canonical links for this skill.

Open install API

Install handoff

/api/skills/nexu-io-flowai-live-dashboard-template/install

LLM text format

/api/skills/nexu-io-flowai-live-dashboard-template/install?format=text

Find alternatives

/api/skills/search?q=flowai-live-dashboard-template&limit=3

Agent prompt

Use flowai-live-dashboard-template for this task. Review https://www.openagentskill.com/api/skills/nexu-io-flowai-live-dashboard-template/install, then install with: npx skills add nexu-io/open-design --skill flowai-live-dashboard-template

Registry metadata

Agent-readable profile for automatic skill selection.

This page exposes the same decision, trust, audit, use-case, and install signals through the Registry API, so agents can rank this skill without scraping the UI.

Open manifest

Manifest

/api/registry/manifest/nexu-io-flowai-live-dashboard-template

LLM text

/api/registry/manifest/nexu-io-flowai-live-dashboard-template?format=text

Install alias

/api/registry/install/nexu-io-flowai-live-dashboard-template

Recommend

/api/registry/recommend?task=Use%20flowai-live-dashboard-template%20in%20an%20agent%20workflow&limit=3

Agent fit

100/100

Workflow automation

Use-case tags

Workflow automationData analysisGitHub automation

Platforms

Claude Code

Audit report

Safe to try · 90/100

A machine-readable review of install readiness, security metadata, maintenance, and adoption risk.

View audit reportView eval report

Agent decision cockpit

Primary pick for Workflow automation

Use this as a leading candidate, then validate the README and install path in your own agent stack.

100
Readiness
Adopt
Stage

Role in stack

Primary pick

Primary fit

Workflow automation

Trust label

Production-ready

Install path

Command ready

Use when

  • Workflow automation workflows
  • Claude Code teams
  • teams that value GitHub adoption signals

Evidence

  • 90,977 GitHub stars
  • recent repository activity
  • install command or GitHub repo available
  • 95/100 quality profile

review first

  • No OpenAgentSkill engagement data yet

Implementation path

  1. 1Install it in a sandbox agent and run one Workflow automation task end to end.
  2. 2Compare output quality, latency, and failure behavior against at least one alternative.
  3. 3Promote it into production only after reviewing repository permissions, license, and maintenance signals.

Trust profile

Review then install

Good shortlist signal, but the agent should review audit notes, install policy, and outcome evidence before running it.

76
OpenAgentSkill Trust Score

GitHub adoption

PASS

91K GitHub stars

Stars/forks activity

PASS

91K stars, 10K forks; issue activity unavailable in current metadata

Recent maintenance

PASS

Pushed today

License clarity

PASS

Apache-2.0

Good signals

  • AI review approved
  • Install path is available
  • Repository evidence is available
  • Recently maintained repository
  • Large GitHub adoption signal
  • Install command has no obvious high-risk pattern
  • Outcome loop is ready but needs first real agent run

Review before install

  • Permission surface needs review: shell or command execution, filesystem or document access
  • Permission surface: shell or command execution, filesystem or document access
  • No real agent outcome reports yet
  • Human review required before unattended installation

Recommended action

Use as the primary candidate after human or sandbox review.

Quality profile

Excellent candidate for agent workflows

High-confidence pick with strong adoption and healthy maintenance signals.

95
GitHub stars
91K
Freshness
Today
Install ready
Yes
License
Apache-2.0

Workflow fit

Use this skill in these scenarios

Automate repeated work

Workflow automation

I need my agent to automate a repeated workflow across tools and files.

Analyze datasets

Data analysis

I need my agent to analyze CSV data, produce insights, and explain trends.

Manage repositories

GitHub automation

I need my agent to triage GitHub issues, review pull requests, and summarize repository changes.

Workflow fit

Add it to a complete workflow

Design, build, test, and ship interfaces

Frontend and UI

A practical workflow for agents that turn product briefs or Figma designs into polished frontend code, review the result, test it in a browser, and prepare a safe deployment.

Turn skills into distribution

Content growth agent

A workflow for turning newly indexed skills into SEO briefs, social drafts, comparison pages, and reusable publishing workflows.

Operate and verify web apps

Browser QA agent

A workflow for agents that navigate products, fill forms, take screenshots, and verify real user flows across web applications.

Alternative shortlist

Compare before you install

Similar skills that may fit this task.

Compare all

Frontend Design

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

Adopt
Ready100
Quality100
Stars171.2K

Taste Skill: Anti-Slop Frontend

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

Adopt
Ready100
Quality100
Stars79.7K

Canvas Design

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

Adopt
Ready100
Quality100
Stars171.2K

Anthropic Brand Guidelines

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

Adopt
Ready100
Quality100
Stars171.2K

Overview

--- 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.

Technical details

Version
1.0.0
License
Apache-2.0
Last updated
Aug 24, 2026
Published
Aug 24, 2026

Decision snapshot

Primary pick

100
Ready
Adopt
Stage

90,977 GitHub stars

Audit

Install review

Install and adoption review

90
Safe to try
Security
83/100
Maintenance
100/100
Install
92/100
Open full auditView eval report

Agent-proven evidence

Agent-proven evidence

Outcome reports after resolve, review, install, and one narrow run.

0
Proven
Needs first agent runAuto-install: review firstLast: Unknown
Success rate
—
Recent failure
—
Outcomes
0
Output quality
—
Failed
0
Not relevant
0
Installs
0
Risk blocked
0
Setup needed
0
Production
0

No agent outcome data yet. The first agent run can report success, setup needs, risk blocks, failure, or not-relevant through /api/agent/outcome.

Agent-Proven rankingOutcome contract

Install

Add to agent workflow

Free and open source. Review the report before installing into production agents.

Compare AlternativesAuto-resolve PlanView on GitHubDocumentation

Growth loop

Share kit

X

Scenario-led draft for flowai-live-dashboard-template, ready for a manual X post.

Curator note
flowai-live-dashboard-template: Team-management dashboard skill in the FlowAI aesthetic — three tabs (Team Members, Team Deta...

91.0K stars

https://www.openagentskill.com/skills/nexu-io-flowai-live-dashboard-template?ref=x
Open X draft
Optional reply with install command
Listing + install path for flowai-live-dashboard-template:
https://www.openagentskill.com/skills/nexu-io-flowai-live-dashboard-template?ref=x

Install: npx skills add nexu-io/open-design --skill flowai-live-dashboard-template
Open reply draft

Listing source

Registry indexed

Claimable

This listing was indexed from public sources and is not marked official until a maintainer claim is approved.

Creator
nexu-io
Indexed by
OpenAgentSkill community index

Attribution links to the public repository or creator profile. Creators can claim the listing to update ownership signals.

Claim this skill

Owner claim

Claim this skill listing

This Registry indexed listing is attributed to nexu-io but is not marked official yet. Claim it to add a verified owner signal and make future launch, install, and audit updates easier to trust.

Creator backlink kit

Add the evidence badges to your README

Show the canonical listing, current trust and audit signals, and real Agent-Proven evidence where developers evaluate the repository.

[![Listed on OpenAgentSkill](https://www.openagentskill.com/api/badge/nexu-io-flowai-live-dashboard-template?metric=listed&label=Listed)](https://www.openagentskill.com/skills/nexu-io-flowai-live-dashboard-template)
[![OpenAgentSkill Trust](https://www.openagentskill.com/api/badge/nexu-io-flowai-live-dashboard-template?metric=trust&label=Trust)](https://www.openagentskill.com/skills/nexu-io-flowai-live-dashboard-template)
[![OpenAgentSkill Audit](https://www.openagentskill.com/api/badge/nexu-io-flowai-live-dashboard-template?metric=audit&label=Audit)](https://www.openagentskill.com/skills/nexu-io-flowai-live-dashboard-template/audit)
[![Agent Proven](https://www.openagentskill.com/api/badge/nexu-io-flowai-live-dashboard-template?metric=proven&label=Agent%20Proven)](https://www.openagentskill.com/skills/nexu-io-flowai-live-dashboard-template)
Preview badge Open audit Creator kit

Author

N

nexu-io

@nexu-io

Tags

agent-skill

Platform fit

Claude Code

Health signals

GitHub stars
91.0K
Quality score
58/100
Last GitHub push
Aug 24, 2026
Framework hints
Unknown
OpenAgentSkill views
0
Install copies
0
Outbound clicks
0

Community signal

Share whether this skill looks useful for your agent workflow. Aggregated feedback improves rankings over time.

Trust & safety

Review then install

76
  • GitHub adoption91K GitHub starsPASS
  • Stars/forks activity91K stars, 10K forks; issue activity unavailable in current metadataPASS
  • Recent maintenancePushed todayPASS
  • License clarityApache-2.0PASS
  • README/SKILL.md completenessMetadata includes enough usage and workflow contextPASS
  • Dependency/runtime riskcommand execution surfaceINFO

Related skills

Frontend Design

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

171.2K Stars

Taste Skill: Anti-Slop Frontend

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

79.7K Stars

Canvas Design

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

171.2K Stars

Anthropic Brand Guidelines

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

171.2K Stars
InstallView on GitHub