Star200+
@nexu-io

Ersteller · nexu-io

Letzte Aktualisierung · 24. Aug. 2026

flowai-live-dashboard-template

Stark · 76Im Registry indexiert

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

Vor Installation prüfen

Qualität95/100
Audit90/100
Stars91.0K
Verified installs0
Auf GitHub ansehenVollständiges Audit öffnenREADME badgeDiesen Skill beanspruchen

Installationsziele

Codex-Installationsprompt

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.

Asset-Profil

Design und kreative Produktion

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

Bereich ansehen

Szenario

Design und Kreativität

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

Agent-Fit

Claude Code + CLI + Codex

Geeignet für Codex, Claude Code, Cursor, CLI oder benutzerdefinierte Agents.

Installieren

Bereit

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

Wartung

Aktuell

Heute gepusht

Risiko

Sicher zu testen

Permission surface may require sandboxing

GitHub-Qualität

91K

95/100 Qualität · 84/100 Vertrauen

Abdeckungs-Tags

DesignDesign und KreativitätDesign und Kreativitätagent-skill

Review-Notizen

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

Agent-Adoptionskarte

Vertrauen, Audit und Installationsbereitschaft auf einen Blick

Diese Werte kombinieren öffentliche Repository-Metadaten, OpenAgentSkill-Reviewsignale, Wartungsaktualität und Installationsbereitschaft. Sie helfen bei der Vorauswahl, ersetzen aber keine menschliche Prüfung.

Qualität

Ausgezeichnet
95

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

Vertrauen

Vor Installation prüfen
76

Gutes Shortlist-Signal, aber der Agent sollte Auditnotizen, Installationsrichtlinien und Ergebnisbelege vor der Ausführung prüfen.

Audit

Sicher zu testen
90

Maschinenlesbare Prüfung von Installationsbereitschaft, Sicherheitsmetadaten, Wartung und Akzeptanzrisiko.

OpenAgentSkill Trust Score v5

Menschliche Prüfung vor Installation

Nach menschlicher oder Sandbox-Prüfung als primären Kandidaten verwenden.

CodexClaude CodeCursorOpenAgentSkill CLI

Stars

91K GitHub-Stars

Repository-Aktivität

91K Stars und 10K Forks

Wartung

Heute gepusht

Lizenz

Apache-2.0

Installieren

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

Installationssicherheit

Standard-Paket- oder Laufzeit-Installationspfad

Berechtigungsfläche

shell or command execution, filesystem or document access

Agent-Ergebnisse

Noch keine Agent-Ergebnisdaten

Dokumentation

Starker README/SKILL.md-Kontext

Risikoübersicht

Vor Produktion prüfen

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

Installationsbereitschaft

Installationspfad verfügbar

  • Installationspfad ist verfügbar
  • Repository-Belege sind verfügbar
  • Lizenz ist angegeben
  • Noch keine Agent-Proven-Ergebnisbelege

Agent-lesbare Metadaten

Maschinenlesbare Entscheidungsdaten für diesen Skill.

Nutze diesen Block oder das eingebettete JSON, um zu entscheiden, ob ein Agent diesen Skill installieren, eine Alternative wählen oder zuerst menschliche Prüfung anfordern soll.

View technical data+
JSON öffnen

Geeignete Aufgaben

  • Workflow-Automatisierung-Workflows
  • Claude-Code-Teams
  • Teams, die GitHub-Adoptionssignale schätzen
  • Move data between tools

Geeignete Agents

CodexClaude CodeCursorOpenAgentSkill CLICLI

Installationsentscheidung

Befehl
npx skills add nexu-io/open-design --skill flowai-live-dashboard-template
Richtlinie
Prüfen
Menschliche Prüfung
Ja

Vertrauen und Risiko

Vertrauen
76/100
Audit
90/100
Risikoebene
Sicher zu testen

Ergebnis-Loop

Endpoint
/api/agent/outcome
Event-ID
resolve
Ergebnisse
5

Installationsbefehl

npx skills add nexu-io/open-design --skill flowai-live-dashboard-template
Öffentliches AuditEval-BerichtResolve APIInstallationsübergabe

Nicht verwenden, wenn

  • Teams, die ein vom Anbieter unterstütztes SLA benötigen
  • Hochregulierte Umgebungen ohne interne Sicherheitsprüfung
  • No OpenAgentSkill engagement data yet
  • Hinweise auf Hochrisiko-Berechtigungen: Shell- oder Befehlsausführung
  • 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-Sicherheit v2

62/100 · Vor Installation prüfen

Mit Berechtigungshinweisen geprüftPrüfen

Nutzbarer Kandidat, aber der Agent sollte Berechtigungs- und Auditnotizen vor der Installation anzeigen.

Vor der Installation in einem echten Arbeitsbereich ist menschliche Freigabe erforderlich.

Per API auflösen

Hoch

Shell- oder Befehlsausführung

Die Skill-Metadaten verweisen auf Terminal-, CLI-, Shell-, Subprozess- oder Befehlsausführungs-Workflows.

Mittel

Netzwerkzugriff

Die Skill ruft wahrscheinlich Remote-Seiten, APIs, Repositories oder externe Dienste ab.

Mittel

Dateisystemzugriff

Die Skill kann Projektdateien, Dokumente, generierte Artefakte oder den lokalen Arbeitsbereich lesen oder schreiben.

  • Hinweise auf Hochrisiko-Berechtigungen: Shell- oder Befehlsausführung
  • Permission surface may require sandboxing

Agent-Auflösungsplan

Lass einen Agent die Eignung vor der Installation prüfen.

Die Resolve API liefert die beste Skill, Alternativen, Sicherheitsrichtlinien, Auditnotizen, Installationsziel und einen direkt nutzbaren Prompt.

Textplan öffnen

JSON öffnen

/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

Installationsübergabe

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

Agent sollte prüfen

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

Prompt kopieren

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-Übergabe

Gib dem Agent den Installationspfad, nicht noch ein Verzeichnis.

Über den öffentlichen Endpunkt erhältst du Befehl, Sicherheitscheckliste, Ziel-Prompts und kanonische Links.

Installations-API öffnen

Installationsübergabe

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

LLM-Textformat

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

Alternativen finden

/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-Metadaten

Agent-lesbares Profil für die automatische Skill-Auswahl.

Die Registry API stellt Entscheidungs-, Vertrauens-, Audit-, Use-Case- und Installationssignale ohne UI-Scraping bereit.

Manifest öffnen

Manifest

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

LLM-Text

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

Installationsalias

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

Empfehlen

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

Agent-Fit

100/100

Workflow-Automatisierung

Use-Case-Tags

Workflow-AutomatisierungDatenanalyseGitHub automation

Plattformen

Claude Code

Audit-Bericht

Sicher zu testen · 90/100

Maschinenlesbare Prüfung von Installationsbereitschaft, Sicherheitsmetadaten, Wartung und Akzeptanzrisiko.

Audit-Bericht ansehenEval-Bericht ansehen

Agent-Entscheidungspanel

Primäre Wahl für Workflow-Automatisierung

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

100
Bereitschaft
Übernehmen
Phase

Rolle im Stack

Primäre Wahl

Primäre Eignung

Workflow-Automatisierung

Vertrauenslabel

Produktionsbereit

Installationspfad

Befehl bereit

Verwenden wenn

  • Workflow-Automatisierung-Workflows
  • Claude-Code-Teams
  • Teams, die GitHub-Adoptionssignale schätzen

Evidenz

  • 90,977 GitHub-Stars
  • recent repository activity
  • install command or GitHub repo available
  • Qualitätsprofil 95/100

zuerst prüfen

  • No OpenAgentSkill engagement data yet

Implementierungspfad

  1. 1Installieren Sie es in einem Sandbox-Agent und führen Sie eine Workflow-Automatisierung-Aufgabe vollständig aus.
  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.

Vertrauensprofil

Vor Installation prüfen

Gutes Shortlist-Signal, aber der Agent sollte Auditnotizen, Installationsrichtlinien und Ergebnisbelege vor der Ausführung prüfen.

76
OpenAgentSkill Trust Score

GitHub-Akzeptanz

Bestanden

91K GitHub-Stars

Star-/Fork-Aktivität

Bestanden

91K Stars und 10K Forks; Issue-Aktivität ist in den aktuellen Metadaten nicht verfügbar

Aktuelle Wartung

Bestanden

Heute gepusht

Lizenzklarheit

Bestanden

Apache-2.0

Positive Signale

  • KI-Prüfung genehmigt
  • Installationspfad ist verfügbar
  • Repository-Belege sind verfügbar
  • Kürzlich gewartetes Repository
  • Large GitHub adoption signal
  • Der Installationsbefehl weist kein offensichtliches Hochrisikomuster auf
  • Ergebniszyklus ist bereit, benötigt aber den ersten echten Agent-Lauf

Vor Installation prüfen

  • Permission surface needs review: shell or command execution, filesystem or document access
  • Permission surface: shell or command execution, filesystem or document access
  • Noch keine echten Agent-Ergebnisberichte
  • Vor unbeaufsichtigter Installation ist menschliche Prüfung erforderlich

Empfohlene Aktion

Nach menschlicher oder Sandbox-Prüfung als primären Kandidaten verwenden.

Qualitätsprofil

Ausgezeichnet Kandidat für Agent-Workflows

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

95
GitHub-Stars
91K
Aktualität
Heute
Installationsbereit
Ja
Lizenz
Apache-2.0

Workflow-Eignung

Diese Skill in diesen Szenarien nutzen

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

Zum vollständigen Workflow hinzufügen

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.

Alternativen-Shortlist

Vor Installation vergleichen

Similar skills that may fit this task.

Alle vergleichen

Frontend Design

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

Übernehmen
Bereit100
Qualität100
Stars171.2K

Taste Skill: Anti-Slop Frontend

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

Übernehmen
Bereit100
Qualität100
Stars79.7K

Canvas Design

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

Übernehmen
Bereit100
Qualität100
Stars171.2K

Anthropic Brand Guidelines

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

Übernehmen
Bereit100
Qualität100
Stars171.2K

Übersicht

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

Technische Details

Version
1.0.0
Lizenz
Apache-2.0
Letzte Aktualisierung
24. Aug. 2026
Veröffentlicht
24. Aug. 2026

Entscheidungsübersicht

Primäre Wahl

100
Bereit
Übernehmen
Phase

90,977 GitHub-Stars

Audit

Installationsprüfung

Installations- und Adoptionsprüfung

90
Sicher zu testen
Sicherheit
83/100
Wartung
100/100
Installieren
92/100
Vollständiges Audit öffnenEval-Bericht ansehen

Von Agent belegte Evidenz

Von Agent belegte Evidenz

Ergebnisberichte nach Resolve, Prüfung, Installation und einem begrenzten Lauf.

0
Belegt
Needs first agent runAuto-Installation: zuerst prüfenLetzter: Unbekannt
Erfolgsrate
—
Letzter Fehler
—
Ergebnisse
0
Ausgabequalität
—
Fehlgeschlagen
0
Nicht relevant
0
Installationen
0
Durch Risiko blockiert
0
Einrichtung erforderlich
0
Produktion
0

Noch keine Agent-Ergebnisdaten. Der erste Lauf kann Erfolg, Einrichtungsbedarf, Risikoblockaden, Fehler oder Irrelevanz über /api/agent/outcome melden.

Agent-Proven-RankingErgebnisvertrag

Installieren

Zum Agent-Workflow hinzufügen

Kostenlos und Open Source. Bericht vor der Installation in Produktions-Agents prüfen.

Alternativen vergleichenAuto-AuflösungsplanAuf GitHub ansehenDokumentation

Wachstums-Loop

Share-Kit

X

Szenariobasierter Entwurf für flowai-live-dashboard-template, bereit für einen manuellen X-Post.

Kuratorenhinweis
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
X-Entwurf öffnen
Optionale Antwort mit Installationsbefehl
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
Antwortentwurf öffnen

Quelle des Eintrags

Registry-indexiert

Beanspruchbar

Dieser Eintrag wurde aus öffentlichen Quellen indexiert und ist erst nach Genehmigung eines Maintainer-Anspruchs offiziell.

Ersteller
nexu-io
Indexiert von
OpenAgentSkill Community-Index

Die Zuordnung verlinkt auf das öffentliche Repository oder Creator-Profil. Creator können den Eintrag beanspruchen, um Eigentümersignale zu aktualisieren.

Diesen Skill beanspruchen

Eigentümeranspruch

Diesen Skill-Eintrag beanspruchen

Dieser Registry-indexiert-Eintrag wird nexu-io zugeschrieben, ist aber noch nicht offiziell markiert. Beanspruche ihn, um ein verifiziertes Eigentümersignal hinzuzufügen und künftige Launch-, Installations- und Audit-Updates vertrauenswürdiger zu machen.

Creator-Backlink-Kit

Evidenz-Badges in deine README einfügen

Zeige den kanonischen Eintrag, aktuelle Vertrauens- und Audit-Signale sowie echte Agent-Proven-Evidenz dort, wo Entwickler das Repository bewerten.

[![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)
Badge-Vorschau Audit öffnen Creator-Kit

Autor

N

nexu-io

@nexu-io

Tags

agent-skill

Plattform-Fit

Claude Code

Gesundheitssignale

GitHub-Stars
91.0K
Qualitätswert
58/100
Letzter GitHub-Push
24. Aug. 2026
Framework-Hinweise
Unbekannt
OpenAgentSkill-Aufrufe
0
Installationskopien
0
Externe Klicks
0

Community-Signal

Teile mit, ob dieser Skill für deinen Agent-Workflow nützlich ist. Zusammengefasstes Feedback verbessert das Ranking im Laufe der Zeit.

Vertrauen & Sicherheit

Vor Installation prüfen

76
  • GitHub-Akzeptanz91K GitHub-StarsBestanden
  • Star-/Fork-Aktivität91K Stars und 10K Forks; Issue-Aktivität ist in den aktuellen Metadaten nicht verfügbarBestanden
  • Aktuelle WartungHeute gepushtBestanden
  • LizenzklarheitApache-2.0Bestanden
  • README/SKILL.md-VollständigkeitMetadaten enthalten ausreichend Nutzungs- und Workflow-KontextBestanden
  • Abhängigkeits-/LaufzeitrisikoBefehlsausführungsflächeInfo

Ähnliche 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
InstallierenAuf GitHub ansehen