设计资源DESIGN· UI-KIT
abdiraimov-otabek/dashboard-design-skill
一个Claude Code技能,帮你设计干净、诚实的仪表盘界面,包含KPI卡片、图表和布局。A Claude Code skill for clean, honest dashboards—KPI cards, charts, and layouts from 127 real dashboards.
根据公开文档整理,未运行实测;费用以项目官网为准。Based on public documentation, without runtime testing. Check the project site for pricing.
能力CAPABILITIES
搭建含KPI卡片和图表的数据仪表板。
添加日期选择器和排名列表组件。
通过截图检查仪表板设计一致性。
适配宽屏和移动设备的布局。
设计仪表板的各种状态和配色。
Create KPI cards with deltas and sparklines.
Add date pickers and comparison windows.
Build heatmaps and bullet graphs.
Design responsive layouts for any screen.
Run a screenshot QA to catch issues.
上手GET STARTED
/plugin marketplace add abdiraimov-otabek/dashboard-design-skill选择与你的环境对应的方式。命令来自项目文档,未运行实测。Choose the option for your environment. Commands come from project documentation and have not been run-tested.
使用限制LIMITATIONS
以下要求与风险来自文档静态检查,未执行项目代码;扫描没有命中,不代表使用安全。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.
限制LIMITS
未知Unknown
静态扫描STATIC SCAN
在 README、SKILL.md 和依赖清单中没有匹配到已知风险模式。No known risk patterns matched in the README, SKILL.md or dependency list.
静态扫描未发现明显风险,但不代表安全。A static scan of the documentation found no known risk patterns, but this does not guarantee the skill is safe.
项目动态PROJECT ACTIVITY
首次发现FIRST SEEN
20 OCT 202620 OCT 2026
增长GROWTH
+216.2%+216.2%
68 → 215 stars · 14 个快照68 → 215 stars · 14 snapshots
状态STATUS
快速增长Growing fast
质量 A-Quality A-
基于127个实际仪表板项目提炼,设计模式经过验证Distilled from 127 shipped dashboards
{
"agents": [
{
"agent": "claude-code",
"evidence": "tree: .claude-plugin/"
}
],
"apiKey": null,
"docker": null,
"taxonomy": {
"scores": {
"design": 6,
"ai-tools": 0,
"dev-tools": 0,
"indie-web": 0,
"skill-agent": 6,
"productivity": 1
},
"primary": "design",
"secondary": "ui-kit"
},
"localRuntime": null,
"skillMdTotal": 1,
"skillMdErrors": [],
"treeTruncated": false,
"categoryScores": {
"data": 4,
"agent": 0,
"media": 1,
"design": 12,
"browser": 0,
"devtool": 0,
"security": 0,
"marketing": 0,
"productivity": 1
},
"classification": [
{
"signal": "1 SKILL.md with name + description",
"weight": 0.95
},
{
"signal": "skills/ directory with 11 markdown files",
"weight": 0.75
},
{
"signal": "README describes a Claude / Agent Skill",
"weight": 0.7
},
{
"signal": "Claude Code plugin manifest",
"weight": 0.7
},
{
"signal": "name contains 'skill'",
"weight": 0.4
},
{
"signal": "description mentions AI",
"weight": 0.2
}
],
"scannedSources": [
"readme",
"skills/dashboard-design/SKILL.md"
],
"skillMdFetched": 1
}