# Show Me

> 通过简洁的 Markdown 表格、Mermaid 图或自包含 HTML，以可视化方式解释比较、映射、流程、结构、数据关系、交互和 UI。用于用户说“展示给我看”“画出来”“可视化一下”，调用 $show-me，指定 markdown table、mermaid 或 html，或需要把最近对话中的复杂关系直观呈现时。

- Skill: `wangjs-jacky/show-me` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add wangjs-jacky/show-me`
- Raw SKILL.md: https://api.skillmd.com/api/skills/wangjs-jacky/show-me/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: wangjs-jacky (https://skillmd.com/u/wangjs-jacky)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/wangjs-jacky/show-me

---


帮助用户直观理解当前主题。跳过前言，保持说明简短，并选择能讲清关键点的最小视图。

用户提供主题或格式时优先遵从；没有参数时，直接使用最近且最相关的对话上下文，不要让用户重复说明。使用用户的语言输出结果。

- 精确比较、字段映射、矩阵或结构化事实使用 Markdown 表格：

```markdown
| 方案 | 适合场景 |
| --- | --- |
| 表格 | 精确比较 |
| Mermaid | 关系与流程 |
```

- 流程、时序、状态、架构或数据关系使用 Mermaid：

```mermaid
flowchart LR
    用户 --> 界面 --> 服务
```

- 自定义布局、交互模拟、复杂 UI 状态，或 Mermaid 难以清楚表达的内容，写成一个聚焦的自包含 HTML 文件。内联 CSS、JavaScript、数据与资源，不依赖网络；支持桌面和移动端及键盘操作。完成后验证内容与交互，使用当前环境可用的预览或系统方式打开，并返回绝对路径；无法打开时仍返回路径。

## 约束

- 只保留回答当前问题所需的事实、调用、文件、状态和边界。
- 默认只使用一种格式；仅当用户明确要求或单一格式不足时组合。
- 显式格式不适合时，简短说明并选择最接近的可行格式。
- 不要重复制作同一内容，也不要要求用户重述已有上下文。