skills.rest
matsumuratk
matsumuratkCOMMUNITY
Explore all skills by this author →
GitHub

streamlit-design-digitalagency

Builds and reviews Streamlit and HTML dashboards following the Digital Agency dashboard design guidebook.

1|Updated Jul 12, 2026
Search Tags:#data visualization#dashboard#design review#plotly#streamlit#kpi#digital agency
One-click install
npx skills add https://github.com/matsumuratk/elmo-aws --skill streamlit-design-digitalagency-matsumuratk
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: streamlit-design-digitalagency
Source: https://github.com/matsumuratk/elmo-aws/tree/main/.claude/skills/streamlit-design-digitalagency
Command: npx skills add https://github.com/matsumuratk/elmo-aws --skill streamlit-design-digitalagency-matsumuratk

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires streamlit, plotly, pandas, and includes references (resource) components.

What problem does it solve? Dashboards often fail to communicate because of poor layout, misleading charts, and missing context. This Skill builds and reviews dashboards according to the Japanese Digital Agency's "Dashboard Design Practical Guidebook" (March 31, 2026 edition), enforcing a 27-item checklist so every output is readable, accurate, and actionable. ## Core Features & Use Cases - Streamlit Dashboard Construction: Generates complete, runnable .py files with KPI summaries, filters, Plotly charts, the official color palette (#0017C1), and cached data loading. Supports both the latest Streamlit and Streamlit in Snowflake (SiS) 1.35 constraints. - HTML Dashboard Mode: Produces a standalone .html file using Plotly.js via CDN for users without Python or Streamlit environments. - Review Mode: Evaluates existing dashboard code against the full checklist (user experience, chart design, technical, data design, accessibility) and returns prioritized improvement suggestions with fix snippets. - Use Case: A sales manager asks for a monthly revenue dashboard. The Skill confirms requirements (5W1H), proposes a layout with the most important KPI top-left, outputs working Streamlit code with target-vs-actual comparisons, and appends a mandatory self-review table. ## Quick Start Ask the AI to build a monthly sales KPI dashboard in Streamlit following the Digital Agency design guidebook, or paste existing dashboard code and request a review.

Frequently Asked Questions about streamlit-design-digitalagency

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a Streamlit dashboard that follows government design guidelines?▼

Request a dashboard build and the Skill generates a complete .py file following the Digital Agency guidebook: KPI summary top-left, filters at the top, the official color palette (#0017C1), zero-origin bar charts, and a mandatory self-review checklist appended to the output.

How can I create a dashboard in HTML without Python or Streamlit?▼

Ask for an HTML dashboard and the Skill outputs a single .html file using Plotly.js loaded from a CDN, with embedded sample data, KPI cards, filters, and charts. You can open it directly in any browser with no server required.

Does this support Streamlit in Snowflake (SiS)?▼

Yes. When you select the SiS 1.35 option, the generated code omits st.set_page_config and st.file_uploader, uses st.connection or get_active_session for Snowflake data access, and keeps @st.cache_data for performance.

How do I review an existing Streamlit dashboard for design problems?▼

Paste your dashboard code and request a review. The Skill evaluates all checklist categories (user experience, chart design, technical, data design, accessibility), rates each item, and returns prioritized improvements with fix code snippets.

What design rules does the dashboard checklist enforce?▼

The 27-item checklist covers KPI summaries, left-to-right visual flow, filter placement, 1-5 chart colors, zero-origin bar chart axes, comparison targets like goals or prior periods, data update dates in footers, caching, and accessibility features such as CSV downloads.

Related Skills

Explore More Data & Analytics Skills→
Sir-chawakornSir-chawakorn
9

wrangle-tabular-data

Clean, transform, and reshape CSV, Parquet, and DataFrame tabular data.

Community
Advanced
evolvconsultingevolvconsulting

streamlit-in-snowflake

Deploy Streamlit applications within Snowflake using correct API patterns.

Official
Intermediate
withmartian-sandboxwithmartian-sandbox

metrics-dashboard

Convert raw metrics into validated KPI dashboards with formulas and data lineage.

Official
Advanced
pingqLINpingqLIN

power-bi-custom-visuals-development

Develop custom Power BI visuals with React, D3.js, and TypeScript.

Community
Advanced