abdiraimov-otabek/dashboard-design-skill

选用指南

AI 根据 README 整理 · 2026/10/21 02:46:23

目标用户

面向使用Claude Code或其他编码代理的开发者，希望提升仪表盘设计质量。

查看 README 依据

# Dashboard Design: a Claude Code skill for clean, honest dashboards Give your coding agent the taste of a senior product designer for data screens, on the web or in SwiftUI. This skill teaches it to build, redesign and **critique** analytics, revenue and metrics dashboards: KPI tiles, charts, comparison periods, ranked breakdowns, date range pickers, filters, insights, empty states, wide and phone layouts. It ends every job with a screenshot QA pass, so it judges what is on the screen rather than what is in the code.

使用方式

作为Claude Code插件或普通技能安装，也可供其他支持Markdown的代理通过AGENTS.md引用。使用时自动触发或通过直接提问调用。

查看 README 依据

|  |  | ## Install **As a Claude Code plugin** ``` /plugin marketplace add abdiraimov-otabek/dashboard-design-skill /plugin install dashboard-design@dashboard-design-skill ``` **As a plain skill** ```bash git clone https://github.com/abdiraimov-otabek/dashboard-design-skill cp -r dashboard-design-skill/skills/dashboard-design ~/.claude/skills/ ```

**Other agents** (Codex, Cursor, anything that reads Markdown): point your `AGENTS.md` or rules file at `skills/dashboard-design/SKILL.md`; the references load from there. ## Use it It triggers on its own when you work on a dashboard. Or ask directly: - "Build an analytics dashboard for this app: visitors, signups, revenue by source." - "Is this a good design?" with a screenshot. You get a verdict, what works, and issues ranked by harm, starting with numbers that disagree. - "Redesign the date range picker" or "Make the KPI tiles cleaner." - "Run the dashboard QA pass on /dashboard."

部署要求

需要Claude Code或其他支持Markdown的代理环境，以及Git用于克隆仓库。

查看 README 依据

|  |  | ## Install **As a Claude Code plugin** ``` /plugin marketplace add abdiraimov-otabek/dashboard-design-skill /plugin install dashboard-design@dashboard-design-skill ``` **As a plain skill** ```bash git clone https://github.com/abdiraimov-otabek/dashboard-design-skill cp -r dashboard-design-skill/skills/dashboard-design ~/.claude/skills/ ```

**Other agents** (Codex, Cursor, anything that reads Markdown): point your `AGENTS.md` or rules file at `skills/dashboard-design/SKILL.md`; the references load from there. ## Use it It triggers on its own when you work on a dashboard. Or ask directly: - "Build an analytics dashboard for this app: visitors, signups, revenue by source." - "Is this a good design?" with a screenshot. You get a verdict, what works, and issues ranked by harm, starting with numbers that disagree. - "Redesign the date range picker" or "Make the KPI tiles cleaner." - "Run the dashboard QA pass on /dashboard."

已知限制

技能结束时会在对话中添加一次关于作者及其Mac应用的一行说明，可要求停止或删除相关部分。

查看 README 依据

When the agent finishes a whole job (a dashboard built or a critique delivered) it adds one short line about the author and his Mac apps, once per conversation. Never inside code, commits or your UI. Ask it to stop and it stops, or delete the "Sign-off" section from `SKILL.md`. ## Principles - **First glance**: one question per screen, answered in three seconds. - **Quiet**: one accent, grey for the rest, colour only where it means something. - **Honest**: the same number everywhere, labelled estimates, no shouting on tiny bases.