home / skills / aster110 / mycc / dashboard

dashboard skill

/.claude/skills/dashboard

This skill visualizes cc capabilities by generating an attractive HTML dashboard from .claude/DASHBOARD.md and opens it in the browser.

npx playbooks add skill aster110/mycc --skill dashboard

Review the files below or copy the command above to add this skill to your agents.

Files (2)
SKILL.md
587 B
---
name: dashboard
description: 可视化查看 cc 能力看板。触发词:"/dashboard"、"看看能力看板"、"cc 能力"、"技能看板"
---

# cc 能力看板可视化

生成好看的 HTML 页面展示 cc 的技能、开发中能力、规划想法。

## 触发词

- `/dashboard`
- "看看能力看板"
- "cc 能力"
- "技能看板"

## 执行

```bash
python3 .claude/skills/dashboard/scripts/visualize.py
```

脚本会:
1. 读取 `.claude/DASHBOARD.md`
2. 解析内容生成 HTML
3. 自动在浏览器打开

## 完成后

告知用户:看板已在浏览器打开。

Overview

This skill visualizes the cc capability board as a polished HTML dashboard. It converts a markdown-based capability list into an interactive page and opens it in your browser. Use it to present current skills, in-progress items, and planned ideas at a glance.

How this skill works

The skill reads a local dashboard markdown file that lists skills, development status, and notes. It parses the markdown, generates a styled HTML page, and automatically opens the page in the default browser. The process runs via a single command-line script for quick local previews.

When to use it

  • You want a quick, attractive overview of current capabilities and roadmap items.
  • Preparing a demo or status update for a team or stakeholder.
  • Keeping a readable local copy of evolving skill statuses.
  • Reviewing development-in-progress items and planned features.

Best practices

  • Keep the dashboard markdown organized with clear sections for active, in-progress, and planned items.
  • Use short entries and tags for status to improve parsing and readability.
  • Run the visualization script after making changes to ensure the live view stays current.
  • Host the generated HTML locally for private previews; avoid exposing internal plans publicly.

Example use cases

  • Generate a meeting-ready capability slide by opening the dashboard in your browser.
  • Quickly inspect which skills are production-ready versus experimental.
  • Share a screenshot of the visual dashboard when reporting progress.
  • Use the dashboard as a single source of truth for ongoing feature planning.

FAQ

What command runs the visualization?

Run the provided visualization script from the project tools; it parses your dashboard markdown and opens the HTML preview.

Where does the skill read content from?

It reads a local dashboard markdown file that contains the capability list, statuses, and notes.

Will the script publish the dashboard online?

No. The script generates a local HTML file and opens it in your browser for local preview only.