CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

flowai-live-dashboard-template

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.

69

Quality

87%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

The canonical home for this skill is flowai-live-dashboard-template in nexu-io/open-design

SKILL.md
Quality
Evals
Security

Quality

Content

82%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A tight, well-structured skill body: lean, concrete, and appropriately split across a template asset and a quality checklist. The main weaknesses are a missing error-recovery loop around the checklist gate and a resource map that references an example.html file that does not exist in the bundle.

Suggestions

Add example.html to the bundle (or remove it from the resource map and the P0 checklist item), since the shipped skill currently references a file that is not present.

Extend step 6 with a brief feedback loop — e.g. 'If any P0 gate fails, fix the issue and re-run the checklist before emitting the artifact' — to close the workflow validation gap.

Include one short snippet (or pointer into assets/template.html) showing where chart colors are derived from CSS variables, since the dark-mode and chart-color requirements currently rely on the implementer discovering that in the template.

DimensionReasoningScore

Conciseness

The ~50-line body is lean: it never explains concepts Claude already knows (no HTML/charting tutorials), and every line is an instruction — token mapping ('Map color, typography, spacing, and component styling tokens... Do not invent new tokens'), concrete interaction specs, and an exact output contract. It matches the score-5 anchor: every token earns its place; it is well above the score-4 anchor's 'minor instances of over-explanation'.

5 / 5

Actionability

Guidance is concrete and executable: 'Start from assets/template.html; never generate the shell from blank', exact hash values ('#members | #details | #activity'), 'including the Workflow column' for CSV export, and a copy-paste-ready <artifact> output block. It is not a 5 because the interaction requirements are stated as directives with no example snippet showing how the provided template implements them (e.g., where chart colors are derived), leaving minor gaps for implementers — the score-4 anchor 'concrete code or commands with minor gaps'.

4 / 5

Workflow Clarity

The 6-step Workflow is clearly sequenced (read DESIGN.md → start from template → tabs → sample data → interactions → checklist) with an explicit validation checkpoint ('Run through references/checklist.md before final output'). It falls short of the score-5 anchor, which calls for feedback loops for error recovery — there is no 'if a checklist gate fails, fix and re-run' instruction, only the single final gate, matching the score-4 anchor 'most checkpoints present; minor validation gaps'.

4 / 5

Progressive Disclosure

The body is well organized with a Resource map, and its references are one level deep and clearly signaled (assets/template.html and references/checklist.md, both of which exist on disk). It misses a 5 because the resource map lists 'example.html — complete hand-built sample' at the skill root, but that file is absent from the bundle, and the checklist's P0 gate referencing example.html is therefore unsatisfiable as shipped — a navigation/organization gap covered by the score-4 anchor 'minor organization gaps'.

4 / 5

Total

17

/

20

Passed

Description

88%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A strong description: highly specific about the artifact and its features, with an explicit 'Use when' trigger clause. Trigger phrasing is natural though a few common synonyms are missing, and the generic dashboard phrasing creates minor overlap risk with other dashboard skills.

Suggestions

Add one or two common synonyms to the 'when' clause (e.g. 'team management dashboard' or 'member dashboard') so the natural phrasing users actually say is present in the description itself, not only in the triggers list.

Sharpen distinctiveness by leading the 'when' clause with the FlowAI qualifier (e.g. 'Use when the brief names FlowAI or asks for a team/workspace admin dashboard in a specific design system') to reduce overlap with generic dashboard-generation skills.

DimensionReasoningScore

Specificity

The description enumerates concrete deliverables — "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" plus "light/dark theming, hoverable chart tooltips, click-to-zoom panels, and CSV export" — a comprehensive list of specific capabilities with no vague language. It matches the score-5 anchor (multiple specific concrete actions, comprehensive coverage) rather than score 4, which implies minor gaps in coverage.

5 / 5

Completeness

Both halves are explicit: the 'what' is the detailed feature list in a "single self-contained HTML file", and the 'when' is a concrete 'Use when the brief asks for...' clause with specific trigger phrases. This matches the score-5 anchor ('clearly and explicitly answers both what AND when with concrete trigger phrases'); the score-4 anchor's 'when could be more explicit' does not apply here.

5 / 5

Trigger Term Quality

The 'when' clause names natural phrases users would say — "team / workspace admin dashboard", "an interactive admin dashboard with charts", "names FlowAI" — which is good coverage. It falls short of the score-5 anchor because common variations a user would naturally say (e.g. 'team management dashboard', 'member dashboard') are absent from the description itself, leaving a few natural terms missing, which is exactly the score-4 anchor.

4 / 5

Distinctiveness Conflict Risk

The FlowAI aesthetic naming and the specific feature set give it a clear niche, but generic phrases like 'team ... admin dashboard' and 'interactive admin dashboard with charts' could plausibly match other dashboard- or chart-generation skills. This sits between the score-5 anchor (minimal conflict risk) and score-3 (could still overlap with similar skills); the FlowAI qualifier makes it mostly distinct with minor overlap risk — the score-4 anchor.

4 / 5

Total

18

/

20

Passed

Validation

93%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

15

/

16

Passed

Repository

nexu-io/open-design

Path

design-templates/flowai-live-dashboard-template/SKILL.md

Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.