Dashboard Creator

by Rylaispirit

Dashboard Creator is a Frontend skill for Claude Code, published by Rylaispirit in rylai-codex-hermes-skills.

27 stars20 forkson Rylaispirit/rylai-codex-hermes-skillsAdded 2026/08/11+243% in starsRepository updated 2026/08/09

View source on GitHub Download repo ZIP

agent-skillsai-agentsautomationcodexhermesproductivityskill-libraryvietnamese

Install in seconds

Install Dashboard Creator

Copy Dashboard Creator into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/Rylaispirit/rylai-codex-hermes-skills/tree/main/skills/dashboard-creator ~/.claude/skills/dashboard-creator

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/Rylaispirit/rylai-codex-hermes-skills.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: skills/dashboard-creator/SKILL.md in Rylaispirit/rylai-codex-hermes-skills
Installs to: ~/.claude/skills/dashboard-creator
Collection: One of 25 skills cataloged from this repository
Category: Frontend — 567 skills

What Dashboard Creator does

Design, build, and verify practical dashboards for KPIs, trends, comparisons, status monitoring, and operational decisions. Use for HTML dashboards, application dashboard views, metric panels, chart collections, filters, and responsive data interfaces.

Dashboard Creator is cataloged under Frontend on DirSkills. Dashboard Creator comes from a repository tagged agent-skills, ai-agents, automation, codex and hermes.

Documentation

README

Excerpt

Rylai Dashboard Creator

Build the working dashboard as the primary experience. Optimize for scanning, comparison, and repeated use.

Establish The Metric Contrac

For each metric, determine:

exact definition and unit;
source and refresh time;
aggregation level and time window;
comparison baseline;
whether higher or lower is desirable;
states for missing, delayed, partial, and invalid data.

Do not invent values to make a screen look complete. Clearly label sample data when a prototype requires it.

Build Workflow

Inspect the target
- Reuse the repository's framework, components, tokens, and data-access patterns.
- For a standalone deliverable, choose the smallest format that supports the required interaction.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Dashboard Creator

What else does Rylaispirit publish alongside Dashboard Creator?
Dashboard Creator is one of 25 skills that DirSkills catalogs from Rylaispirit/rylai-codex-hermes-skills, the repository it ships in. Its siblings there include Academic PPTX, Academic Paper Polish and Academic Slides. Each one is a separate skill with its own page in this directory, installs the same way Dashboard Creator does, and is maintained by Rylaispirit in that same repository. The rest of the collection is listed on the Rylaispirit/rylai-codex-hermes-skills page.
How does Dashboard Creator compare to other Frontend skills?
Dashboard Creator ranks #544 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Dashboard Creator against them. Open each page to compare what they document and how they install.