Star200+
@nexu-io

Kreator · nexu-io

Pembaruan terakhir · 24 Agu 2026

flowai-live-dashboard-template

Kuat · 76Diindeks di Registry

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
Trust Score OpenAgentSkill
76/100

Tinjau sebelum memasang

Kualitas95/100
Audit90/100
Star91.0K
Verified installs0
Lihat di GitHubBuka audit lengkapREADME badgeKlaim skill ini

Target pemasangan

Prompt pemasangan Codex

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.

Profil aset

Desain dan produksi kreatif

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

Lihat kategori

Skenario

Desain dan kreatif

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

Kecocokan Agent

Claude Code + CLI + Codex

Cocok untuk Codex, Claude Code, Cursor, CLI, atau Agent khusus.

Pasang

Siap

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

Pemeliharaan

Terkini

Diperbarui hari ini

Risiko

Aman untuk dicoba

Permission surface may require sandboxing

Kualitas GitHub

91K

95/100 Kualitas · 84/100 Kepercayaan

Tag cakupan

DesainDesain dan kreatifDesain dan kreatifagent-skill

Catatan ulasan

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

Kartu adopsi Agent

Kepercayaan, audit, dan kesiapan pemasangan dalam sekali lihat

Skor ini menggabungkan metadata repositori publik, sinyal ulasan OpenAgentSkill, kebaruan pemeliharaan, dan kesiapan pemasangan. Ini adalah sinyal shortlist, bukan pengganti peninjauan manusia.

Kualitas

Sangat baik
95

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

Kepercayaan

Tinjau sebelum memasang
76

Sinyal shortlist yang baik, tetapi Agent harus meninjau catatan audit, kebijakan pemasangan, dan bukti hasil sebelum menjalankannya.

Audit

Aman untuk dicoba
90

Tinjauan yang dapat dibaca mesin tentang kesiapan pemasangan, metadata keamanan, pemeliharaan, dan risiko adopsi.

Trust Score OpenAgentSkill v5

Tinjauan manusia sebelum pemasangan

Gunakan sebagai kandidat utama setelah tinjauan manusia atau sandbox.

CodexClaude CodeCursorOpenAgentSkill CLI

Star

91K star GitHub

Aktivitas repositori

91K star dan 10K fork

Pemeliharaan

Diperbarui hari ini

Lisensi

Apache-2.0

Pasang

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

Keamanan pemasangan

Jalur pemasangan paket atau runtime standar

Cakupan izin

shell or command execution, filesystem or document access

Hasil Agent

Belum ada data hasil Agent

Dokumentasi

Konteks README/SKILL.md kuat

Ringkasan risiko

Tinjau sebelum produksi

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

Kesiapan pemasangan

Jalur pemasangan tersedia

  • Jalur pemasangan tersedia
  • Bukti repositori tersedia
  • Lisensi dinyatakan
  • Belum ada bukti hasil Agent-Proven

Metadata yang dapat dibaca Agent

Data keputusan yang dapat dibaca mesin untuk skill ini.

Gunakan blok ini atau JSON tersemat untuk memutuskan apakah Agent perlu memasang skill ini, memilih alternatif, atau meminta tinjauan manusia terlebih dahulu.

View technical data+
Buka JSON

Tugas yang sesuai

  • alur kerja Otomasi alur kerja
  • Tim Claude Code
  • Tim yang menghargai sinyal adopsi GitHub
  • Move data between tools

Agent yang sesuai

CodexClaude CodeCursorOpenAgentSkill CLICLI

Keputusan pemasangan

Perintah
npx skills add nexu-io/open-design --skill flowai-live-dashboard-template
Kebijakan
Tinjau
Tinjauan manusia
Ya

Kepercayaan dan risiko

Kepercayaan
76/100
Audit
90/100
Tingkat risiko
Aman untuk dicoba

Lingkar hasil

Endpoint
/api/agent/outcome
ID event
resolve
Hasil
5

Perintah pemasangan

npx skills add nexu-io/open-design --skill flowai-live-dashboard-template
Audit publikLaporan evaluasiAPI ResolveSerah-terima pemasangan

Jangan gunakan ketika

  • Tim yang membutuhkan SLA dengan dukungan vendor
  • Lingkungan berkompliansi tinggi tanpa tinjauan keamanan internal
  • No OpenAgentSkill engagement data yet
  • Petunjuk izin berisiko tinggi: eksekusi shell atau perintah
  • Permission surface may require sandboxing

Skill alternatif

Frontend Design

171.2K Star

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

Skill alternatif

Taste Skill: Anti-Slop Frontend

79.7K Star

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

Skill alternatif

Canvas Design

171.2K Star

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

Skill alternatif

Anthropic Brand Guidelines

171.2K Star

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

Keamanan Agent v2

62/100 · Tinjau sebelum memasang

Ditinjau dengan catatan izinTinjau

Kandidat yang dapat digunakan, tetapi Agent harus menampilkan catatan izin dan audit sebelum memasang.

Memerlukan persetujuan manusia sebelum memasang ke workspace nyata.

Selesaikan via API

Tinggi

Eksekusi shell atau perintah

Metadata skill merujuk terminal, CLI, shell, subprocess, atau alur kerja eksekusi perintah.

Sedang

Akses jaringan

Skill kemungkinan mengambil halaman jarak jauh, API, repositori, atau layanan eksternal.

Sedang

Akses sistem file

Skill dapat membaca atau menulis file proyek, dokumen, artefak yang dihasilkan, atau status workspace lokal.

  • Petunjuk izin berisiko tinggi: eksekusi shell atau perintah
  • Permission surface may require sandboxing

Rencana resolusi Agent

Biarkan Agent memverifikasi kecocokan sebelum memasang.

API Resolve mengembalikan skill utama, alternatif, kebijakan keamanan, catatan audit, target pemasangan, dan prompt siap pakai.

Buka rencana teks

Buka JSON

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

Teks Resolve

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

Serah-terima pemasangan

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

Agent harus memeriksa

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

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

Serah-terima Agent

Berikan jalur pemasangan kepada Agent, bukan direktori lain.

Gunakan endpoint publik untuk mengambil perintah, checklist keamanan, prompt target, dan tautan kanonis.

Buka API pemasangan

Serah-terima pemasangan

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

Format teks LLM

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

Cari alternatif

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

Prompt Agent

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

Metadata Registry

Profil yang dapat dibaca Agent untuk pemilihan skill otomatis.

API Registry menyediakan sinyal keputusan, kepercayaan, audit, use case, dan pemasangan tanpa mengikis UI.

Buka Manifest

Manifest

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

Teks LLM

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

Alias pemasangan

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

Rekomendasikan

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

Kecocokan Agent

100/100

Otomasi alur kerja

Tag use case

Otomasi alur kerjaAnalisis dataGitHub automation

Platform

Claude Code

Laporan audit

Aman untuk dicoba · 90/100

Tinjauan yang dapat dibaca mesin tentang kesiapan pemasangan, metadata keamanan, pemeliharaan, dan risiko adopsi.

Lihat laporan auditLihat laporan evaluasi

Panel keputusan Agent

Pilihan utama untuk Otomasi alur kerja

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

100
Kesiapan
Adopsi
Tahap

Peran di stack

Pilihan utama

Kecocokan utama

Otomasi alur kerja

Label kepercayaan

Siap produksi

Jalur pemasangan

Perintah siap

Gunakan saat

  • alur kerja Otomasi alur kerja
  • Tim Claude Code
  • Tim yang menghargai sinyal adopsi GitHub

Bukti

  • 90,977 star GitHub
  • recent repository activity
  • install command or GitHub repo available
  • profil kualitas 95/100

tinjau dulu

  • No OpenAgentSkill engagement data yet

Jalur implementasi

  1. 1Pasang di Agent sandbox dan jalankan satu tugas Otomasi alur kerja dari awal hingga akhir.
  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.

Profil kepercayaan

Tinjau sebelum memasang

Sinyal shortlist yang baik, tetapi Agent harus meninjau catatan audit, kebijakan pemasangan, dan bukti hasil sebelum menjalankannya.

76
Trust Score OpenAgentSkill

Adopsi GitHub

Lulus

91K star GitHub

Aktivitas star/fork

Lulus

91K star dan 10K fork; aktivitas issue tidak tersedia dalam metadata saat ini

Pemeliharaan terbaru

Lulus

Diperbarui hari ini

Kejelasan lisensi

Lulus

Apache-2.0

Sinyal positif

  • Tinjauan AI disetujui
  • Jalur pemasangan tersedia
  • Bukti repositori tersedia
  • Repositori yang baru dipelihara
  • Large GitHub adoption signal
  • Perintah pemasangan tidak memiliki pola berisiko tinggi yang jelas
  • Loop hasil siap tetapi membutuhkan eksekusi Agent nyata pertama

Tinjau sebelum memasang

  • Permission surface needs review: shell or command execution, filesystem or document access
  • Permission surface: shell or command execution, filesystem or document access
  • Belum ada laporan hasil Agent nyata
  • Tinjauan manusia diperlukan sebelum pemasangan tanpa pengawasan

Tindakan yang disarankan

Gunakan sebagai kandidat utama setelah tinjauan manusia atau sandbox.

Profil kualitas

Sangat baik kandidat untuk alur kerja Agent

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

95
Star GitHub
91K
Keterkinian
Hari ini
Siap dipasang
Ya
Lisensi
Apache-2.0

Kecocokan alur kerja

Gunakan skill ini pada skenario berikut

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.

Kecocokan alur kerja

Tambahkan ke alur kerja lengkap

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.

Daftar alternatif

Bandingkan sebelum memasang

Similar skills that may fit this task.

Bandingkan semua

Frontend Design

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

Adopsi
Siap100
Kualitas100
Star171.2K

Taste Skill: Anti-Slop Frontend

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

Adopsi
Siap100
Kualitas100
Star79.7K

Canvas Design

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

Adopsi
Siap100
Kualitas100
Star171.2K

Anthropic Brand Guidelines

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

Adopsi
Siap100
Kualitas100
Star171.2K

Ringkasan

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

Detail teknis

Versi
1.0.0
Lisensi
Apache-2.0
Pembaruan terakhir
24 Agu 2026
Diterbitkan
24 Agu 2026

Ringkasan keputusan

Pilihan utama

100
Siap
Adopsi
Tahap

90,977 star GitHub

Audit

Tinjauan pemasangan

Tinjauan pemasangan dan adopsi

90
Aman untuk dicoba
Keamanan
83/100
Pemeliharaan
100/100
Pasang
92/100
Buka audit lengkapLihat laporan evaluasi

Bukti tervalidasi Agent

Bukti tervalidasi Agent

Laporan hasil setelah resolve, tinjau, pasang, dan satu eksekusi terbatas.

0
Terbukti
Needs first agent runPasang otomatis: tinjau duluTerakhir: Tidak diketahui
Tingkat sukses
—
Kegagalan terbaru
—
Hasil
0
Kualitas output
—
Gagal
0
Tidak relevan
0
Pemasangan
0
Diblokir risiko
0
Perlu penyiapan
0
Produksi
0

Belum ada data hasil Agent. Eksekusi pertama dapat melaporkan keberhasilan, kebutuhan setup, blok risiko, kegagalan, atau tidak relevan melalui /api/agent/outcome.

Peringkat Agent-ProvenKontrak hasil

Pasang

Tambahkan ke alur Agent

Gratis dan sumber terbuka. Tinjau laporan sebelum memasang pada Agent produksi.

Bandingkan alternatifRencana resolusi otomatisLihat di GitHubDokumentasi

Siklus pertumbuhan

Kit berbagi

X

Draf berbasis skenario untuk flowai-live-dashboard-template, siap untuk posting manual di X.

Catatan kurator
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
Buka draf X
Balasan opsional dengan perintah pemasangan
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
Buka draf balasan

Sumber listing

Diindeks Registry

Dapat diklaim

Listing ini diindeks dari sumber publik dan belum ditandai resmi hingga klaim pemelihara disetujui.

Kreator
nexu-io
Diindeks oleh
Indeks komunitas OpenAgentSkill

Atribusi menautkan ke repositori publik atau profil kreator. Kreator dapat mengklaim listing untuk memperbarui sinyal kepemilikan.

Klaim skill ini

Klaim pemilik

Klaim listing skill ini

Listing Diindeks Registry ini dikaitkan dengan nexu-io, tetapi belum ditandai resmi. Klaim untuk menambahkan sinyal pemilik terverifikasi dan membuat pembaruan peluncuran, pemasangan, serta audit berikutnya lebih tepercaya.

Kit backlink kreator

Tambahkan badge bukti ke README Anda

Tampilkan listing kanonis, sinyal kepercayaan dan audit saat ini, serta bukti Agent-Proven nyata di tempat pengembang mengevaluasi repositori.

[![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)
Pratinjau badge Buka audit Kit kreator

Penulis

N

nexu-io

@nexu-io

Tag

agent-skill

Kecocokan platform

Claude Code

Sinyal kesehatan

Star GitHub
91.0K
Skor kualitas
58/100
Push GitHub terakhir
24 Agu 2026
Petunjuk framework
Tidak diketahui
Tampilan OpenAgentSkill
0
Salinan pemasangan
0
Klik keluar
0

Sinyal komunitas

Bagikan apakah skill ini bermanfaat untuk alur kerja Agent Anda. Masukan gabungan meningkatkan peringkat dari waktu ke waktu.

Kepercayaan & keamanan

Tinjau sebelum memasang

76
  • Adopsi GitHub91K star GitHubLulus
  • Aktivitas star/fork91K star dan 10K fork; aktivitas issue tidak tersedia dalam metadata saat iniLulus
  • Pemeliharaan terbaruDiperbarui hari iniLulus
  • Kejelasan lisensiApache-2.0Lulus
  • Kelengkapan README/SKILL.mdMetadata memuat konteks penggunaan dan alur kerja yang cukupLulus
  • Risiko dependensi/runtimeCakupan eksekusi perintahInfo

Skill terkait

Frontend Design

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

171.2K Star

Taste Skill: Anti-Slop Frontend

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

79.7K Star

Canvas Design

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

171.2K Star

Anthropic Brand Guidelines

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

171.2K Star
PasangLihat di GitHub