happiness-dashboard

Q: How do I install happiness-dashboard?

Run npx skills add https://github.com/rebyteai-template/rebyte-skills --skill happiness-dashboard in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/happiness-dashboard/ (personal) or .claude/skills/happiness-dashboard/ (project).

by rebyteai-templateData & Databases

Evidence framework data dashboard with DuckDB. Write SQL in markdown to create visualizations.

Installs: 52
Last 24h: —
Trending rank: —
Security: Not audited

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/rebyteai-template/rebyte-skills --skill happiness-dashboard

01
Install
Run the command in your project. The CLI asks which agents to install for.
02
Describe the task
Ask your agent for something this skill covers. It loads happiness-dashboard automatically when relevant.
03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.

SKILL.md

The instructions your agent reads when the skill is triggered.

Happiness Dashboard

An interactive data dashboard using Evidence framework - write SQL queries in markdown to create visualizations.

Tech Stack

Framework: Evidence
Database: DuckDB (embedded)
Frontend: Svelte
Package Manager: pnpm
Output: build directory
Dev Port: 3000

Setup

1. Clone the Template

git clone --depth 1 https://github.com/Eng0AI/happiness-dashboard-template.git .

If the directory is not empty:

git clone --depth 1 https://github.com/Eng0AI/happiness-dashboard-template.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template

2. Remove Git History (Optional)

rm -rf .git
git init

3. Install Dependencies

pnpm install

4. Process Data Sources

pnpm run sources

Build

pnpm run build

Generates static site in build/ directory.

Deploy

Vercel (Recommended)

vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN

Important: Deploy from project root, not build/ directory.

Netlify

netlify deploy --prod --dir=build

Data Sources

CSV files in sources/happiness_score/:

hs2024.csv - Current year happiness data
hsArchive.csv - Historical happiness data

Notes

Use pnpm (not npm) - .npmrc has shamefully-hoist=true for Evidence compatibility
Build locally - Vercel/Netlify build can timeout due to DuckDB compilation (40+ min)
Uses CSV files, no database setup needed
Never run pnpm run dev in VM environment

FAQ

What does the happiness-dashboard skill do?

Evidence framework data dashboard with DuckDB. Write SQL in markdown to create visualizations.

How do I install happiness-dashboard?

Run npx skills add https://github.com/rebyteai-template/rebyte-skills --skill happiness-dashboard in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/happiness-dashboard/ (personal) or .claude/skills/happiness-dashboard/ (project).

Which AI agents can use happiness-dashboard?

Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.

Is happiness-dashboard safe to install?

No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.

Who maintains happiness-dashboard?

It is published by rebyteai-template in rebyteai-template/rebyte-skills. It has 52 recorded installs.