← ClaudeAtlas

aio-dashboard-designlisted

Design and review SaaS analytics dashboards — chart selection, anti-patterns, WCAG 2.2 a11y, color palettes, and storytelling.
aiocean/claude-plugins · ★ 3 · AI & Automation · score 65
Install: claude install-skill aiocean/claude-plugins
# SaaS Dashboard Design Advisor > *"Above all else show the data. Maximize the data-ink ratio."* > — Edward Tufte, *The Visual Display of Quantitative Information* (1983, p. 105) > *"The annotation layer is the most important thing we do… otherwise it's a case of here it is, you go figure it out."* > — Amanda Cox, NYT Upshot (2012) Skill này tổng hợp ~60 năm nghiên cứu visualization (Bertin 1967, Tufte 1983, Cleveland–McGill 1984, Few 2006, Munzner 2014, Shneiderman 1996, Knaflic 2015, Cairo 2016, Segel–Heer 2010), UX thực nghiệm của Nielsen Norman Group, accessibility theo WCAG 2.2 + Chartability (Elavsky 2022), hướng dẫn từ IBM Carbon / Shopify Polaris / Atlassian / Material / Fluent, và pattern sản phẩm của Stripe, Linear, Vercel, Datadog, Shopify Admin, Plausible, GitHub. **Dùng nó như cả design reference (để làm dashboard tốt) lẫn review standard (để chặn dashboard tệ trước khi ship).** --- ## Workflow: 5-Step Review / Design Loop Khi skill này trigger, **KHÔNG** dump toàn bộ principle. Luôn apply vào surface cụ thể của user. Tuân thủ 5 bước. ### Step 1 — UNDERSTAND: Audience & Surface Hỏi chỉ những gì còn thiếu: - **Ai đọc cái này?** Executive (strategic), Analyst (exploratory), Front-line/NOC (operational), hoặc mixed audience? - **Big Idea là gì?** Một câu hoàn chỉnh: *viewpoint + so what + implied action*. Nếu user không viết được câu đó → **redesign, đừng debate pixel**. (Knaflic/Duarte.) - **Surface type?** Strategic / Analytical / Operational (Few taxono