Build Dashboard

Build Dashboard is a Frontend skill for Claude Code, published by holaboss-ai in holaOS.

7.4K stars641 forkson holaboss-ai/holaOSAdded 2026/08/15+21% in starsRepository updated 2026/08/15

agentagent-harnessagent-osagenticaiai-agentai-agentsartificial-intelligenceclaude-codecodexelectronholabossholaosllmmcpmemorymodel-context-protocolruntimetypescriptworkspace

Install in seconds

Install Build Dashboard

Copy Build Dashboard 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/holaboss-ai/holaOS/tree/main/runtime/harnesses/src/embedded-skills/build-dashboard ~/.claude/skills/build-dashboard

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/holaboss-ai/holaOS.git

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

In this catalog

Source file: runtime/harnesses/src/embedded-skills/build-dashboard/SKILL.md in holaboss-ai/holaOS
Installs to: ~/.claude/skills/build-dashboard
Collection: One of 25 skills cataloged from this repository
Category: Frontend — 567 skills

What Build Dashboard does

Build Dashboard scaffolds the visual layer of a holaOS dashboard app using TanStack Start, @holaboss/ui, and workspace tokens. Use it when an app's SDK primitives are wired and it needs a src/client/ UI surface.

Build Dashboard is cataloged under Frontend on DirSkills. Build Dashboard comes from a repository tagged agent, agent-harness, agent-os, agentic and ai.

Documentation

README

Excerpt

build-dashboard

The agent before you reliably produces ugly dashboards because it starts from a blank page and reaches for default shapes (single-column full-width cards, KPI strips that don't fit, sidebars that don't earn their space). This skill exists to bypass that default. The visual decisions are already made — your job is to fill in the data and copy.

When to use

The user asked for a dashboard, workspace pane, list view, kanban, calendar, or "let me see my X"
The app's app.ts already declares resource(...) rows via the SDK (set up via the app-builder-sdk skill first)
The app dir needs a src/client/ directory

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

Frequently asked about Build Dashboard

What else does holaboss-ai publish alongside Build Dashboard?
Build Dashboard is one of 25 skills that DirSkills catalogs from holaboss-ai/holaOS, the repository it ships in. Its siblings there include App Builder SDK, Audience Analyst and Browser Core Efficient. Each one is a separate skill with its own page in this directory, installs the same way Build Dashboard does, and is maintained by holaboss-ai in that same repository. The rest of the collection is listed on the holaboss-ai/holaOS page.
How does Build Dashboard compare to other Frontend skills?
Build Dashboard ranks #118 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 Build Dashboard against them. Open each page to compare what they document and how they install.