dashboard SKILL.md skillA
dashboard from ximo888ok-netizen/ximo-agent is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add ximo888ok-netizen/ximo-agent/dashboard@git:20260730.d070002Pins git:20260730.d070002 in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- ximo888ok-netizen/ximo-agent
- Path
src/main/tools/Design/templates/dashboard/SKILL.md- Versions recorded
- 1
- Latest version
- git:20260730.d070002, committed Jul 30, 2026
- Size
- 5,043 bytes
- Repository stars
- 27
- License
- MulanPSL-2.0
管理 / 分析仪表盘，单文件自包含 HTML。固定左侧边栏， 顶部栏含用户/搜索，主区域为 KPI 卡片网格和一到两个图表。 当需求提到"仪表盘"、"后台"、"分析"、"控制面板"时使用。.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# 仪表盘模板
生成一个单屏管理 / 分析仪表盘。
## 工作流程
1. **确定设计令牌** —— 颜色、排版、间距、组件样式都来自此。不要发明新令牌。使用六个 `:root` 变量：`--bg`、`--surface`、`--fg`、`--muted`、`--border`、`--accent`。
2. **分类**仪表盘监控的内容（销售、流量、使用量、事件、运维等）。生成具体、合理的指标名称和数值 —— 不要 "指标 A / 指标 B" 占位符。
3. **布局**所需区域：
- **左侧边栏**（220-260px）：顶部品牌标记，6-8 个带图标的导航链接，活跃状态使用强调色。
- **顶部栏**：左侧页面标题，右侧搜索输入 + 用户头像 / 状态。
- **主区域**：
- 第 1 行：3-4 个 KPI 卡片（标签 + 大数字 + 较上期变化）。
- 第 2 行：一个主图表（全宽或 2/3）—— 渲染为内联 SVG 折线 / 柱状 / 面积图，使用真实感数字。
- 第 3 行：一个次图表或表格（最近事件、热门项目等）。
4. **编写**一个自包含 HTML 文档：
- `<!doctype html>` 到 `</html>`，CSS 放在一个内联 `<style>` 块中。
- CSS Grid 用于整体布局；Flexbox 用于卡片内部。
- 语义化 HTML：`<aside>`、`<header>`、`<main>`、`<section>`。
- 每个逻辑区域标记 `data-od-id="slug"`。
5. **图表**：仅内联 SVG，无 JS 库。折线图约 10 行 `<polyline>` 加微妙面积填充。柱状图是 N 个 `<rect>` 加强调色填充。轴线标签轻量化（muted 文字，更小字号）。
6. **自检**：
- 每个颜色来自设计令牌。
- 强调色最多用两次（侧边栏活跃 + 一个图表高亮）。
- 侧边栏 + 顶部栏固定；主区域独立滚动。
- 密度匹配设计氛围 —— 通风的设计用更多 padding，密集的设计（交易、加密）收紧行距。
## 设计令牌模板
```css
:root {
--bg: #f8f9fa;
--surface: #ffffff;
--fg: #1a1916;
--muted: #6b6964;
--border: #e8e5df;
--accent: #c96442;
--accent-soft: color-mix(in oklch, var(--accent) 14%, transparent);
…Read the whole file at its exact version.
How to install
mdr add ximo888ok-netizen/ximo-agent/dashboard@sha256:a5a86f1af28d55feThe line at the top of this page pins the label git:20260730.d070002, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
[](https://markdownregistry.com/a/art_cxjdh3qcgy2eekac)
1 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 1 version of this file, committed on Jul 30, 2026.
Audit of the latest version
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (5043 bytes)
- pass: No zero-width or bidi control characters
- pass: No instruction hidden inside an HTML comment
- pass: No link to an exfiltration or paste host
- pass: No credential-shaped string
- pass: No instruction to send local credentials anywhere
- pass: No text hidden with inline styles
- pass: No prompt-injection phrasing
- pass: No curl or wget piped into a shell
- pass: No recursive delete of root, home or parent
- pass: No instruction to read or print local credentials
- pass: No base64 blob over 200 characters
- pass: No link to a raw IP address
- pass: No script tag
Source
ximo888ok-netizen/ximo-agent · 27 stars · license MulanPSL-2.0 · pushed 2026-10-09 · branch master
API
GET https://markdownregistry.com/api/v1/artifacts/art_cxjdh3qcgy2eekac GET https://markdownregistry.com/api/v1/resolve?ref=ximo888ok-netizen/ximo-agent/dashboard GET https://markdownregistry.com/api/v1/blob/a5a86f1af28d55fe5620c3b859d081c9a014fcfc5e67af3355cfeaeaccd4f6e8
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.
More from ximo888ok-netizen/ximo-agent
Every file in ximo888ok-netizen/ximo-agent