- Works in
- Runs on models
- Claude OpusClaude SonnetGPT-5Gemini Pro
- Tools
- React + Tailwind
- Languages
- English中文
Similar Skills
What you’ll get
- Dashboard layout with KPI tiles
- Sparklines and primary chart
- Empty, loading and error states
Great for
- Internal tools
- SaaS analytics
- Investor updates
Skip it if
- Real-time trading UIs
- Print reports
- Data pipelines
About this Skill
Try saying
/glasshouse-dashboard Dashboard for a subscription app: MRR, churn, activation, cohorts.
- 1Define the 4 KPIs and the single decision each supports.
- 2Choose a perceptually uniform palette and verify colour-blind safety.
- 3Design tiles with units and deltas always visible.
- 4Write explicit empty, loading and error states.
- 5Document the tokens used.
glasshouse-dashboard/SKILL.md
--- name: glasshouse-dashboard description: "An analytics dashboard UI with frosted panels, sparkline tiles and an honest empty state. Use when the user asks for dashboard ui or similar." --- # Glasshouse Dashboard Generates a dashboard shell with KPI tiles, sparklines, a primary chart, filters and real empty/loading/error states. ## When to use - Internal tools - SaaS analytics - Investor updates ## Workflow 1. Define the 4 KPIs and the single decision each supports. 2. Choose a perceptually uniform palette and verify colour-blind safety. 3. Design tiles with units and deltas always visible. 4. Write explicit empty, loading and error states. 5. Document the tokens used. ## What you deliver - Dashboard layout with KPI tiles - Sparklines and primary chart - Empty, loading and error states ## Not for - Real-time trading UIs - Print reports - Data pipelines ## Quality bar - State assumptions you made and ask before overwriting existing files. - Never invent facts, numbers, logos or quotes — use placeholders and say so. - Follow `references/style-guide.md` for colour and type decisions. - Finish with a short checklist of what the user should review or replace.
User reviews
—0 reviews
No reviews yet.
Ratings show up here once real people have tried it. We don’t display scores without the reviews behind them.
FAQ
Can I adapt the system to my own brand?
Yes. Glasshouse Dashboard reads your colours, fonts and tone from the prompt or a brand file, and keeps them consistent across everything it makes.
Can I provide a visual reference?
Yes. Attach a screenshot or link and mention what you like about it. The Skill uses it as direction, not something to copy.
Does generation cost extra?
The Skill itself is free to run. If it calls a third-party generator, the page lists it under “Generates with” and that provider’s usage applies.