---
name: deppon
description: >-
    使用 @deppon/deppon-cli 查询 Deppon UI / Pro 组件文档、示例与 Cursor Skills。
    在用户编写 @deppon/* 代码、需要 Props/API/Demo 或不确定用哪个 Pro 组件时应用。
---

# Deppon CLI Skill

## 前置

外仓接入与包版本以 **`deppon-npm-private-registry`** 为准；**最终 API 以 `node_modules/@deppon/*` 内 README 与 `.d.ts` 为准**。

## 编写代码前

1. 若 IDE 已配置 **deppon MCP**（`deppon mcp`），优先调用：
   - `deppon_list` / `deppon_info` / `deppon_doc` / `deppon_demo`
   - `deppon_skill` 读取场景 skill（如 `deppon-pro-table`）
2. 否则在终端使用 CLI（均支持 `--format json`）：

```bash
npx @deppon/deppon-cli list
npx @deppon/deppon-cli info ProTable
npx @deppon/deppon-cli demo button basic
npx @deppon/deppon-cli skill deppon-pro-form
```

## 场景 → Skill 索引

完整映射见 **`deppon-npm-skills`**。常见：

| 场景 | Skill |
| --- | --- |
| 列表页 | `deppon-pro-table` |
| 表单页 | `deppon-pro-form` |
| 弹窗 | `deppon-pro-dialog` |
| 布局壳 | `deppon-pro-layout-page` |
| PRD + 原型 | `@deppon/pm-toolkit` → `deppon-prd-generator` |

## MCP 配置（Cursor）

```json
{
  "mcpServers": {
    "deppon": {
      "command": "npx",
      "args": ["-y", "@deppon/deppon-cli", "mcp"]
    }
  }
}
```

或执行：`npx @deppon/deppon-cli setup --client cursor --mode both`

## 注意

- `@deppon/deppon-ui` 基于 Element Plus，组件文档与 EP 对齐并有 Deppon 扩展。
- Pro 组件（ProTable、ProForm 等）在 `@deppon/deppon-template`。
- 不要假设 monorepo 内 `site/` 路径；外仓以 npm 包与 CLI bundled 文档为准。