MCPInstall

wot-ui-cli

by wot-uiFrontend & Design

使用、调试或维护 @wot-ui/cli 与 open-wot 仓库。适用于 wot CLI 命令、Agent/MCP 接入、doctor/usage/lint、组件知识查询、客户端 adapter、离线数据提取、构建测试、发布包检查和仓库开发；如果任务是直接编写 wd- 组件页面或解释组件 API，应改用 wot-ui-v2 skill。

Installs
853
Last 24h
—
Trending rank
—
Security
Not audited

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/wot-ui/open-wot --skill wot-ui-cli
  1. 01

    Install

    Run the command in your project. The CLI asks which agents to install for.

  2. 02

    Describe the task

    Ask your agent for something this skill covers. It loads wot-ui-cli automatically when relevant.

  3. 03

    Review the result

    The agent follows the SKILL.md steps, scripts and references bundled with the skill.

SKILL.md

The instructions your agent reads when the skill is triggered.

Wot UI CLI

处理 @wot-ui/cli、MCP、Agent 接入和 open-wot 仓库维护任务时，基于当前源码、package.json 和 README 行事，不根据旧文档猜测命令。

路由

  • CLI、MCP、Agent、数据提取或仓库开发：使用本 Skill。
  • 组件选型、页面代码、props、主题和组件问题：使用 wot-ui-v2 Skill。
  • 通过 CLI 查询组件知识时，保留 CLI 使用语境；需要生成组件代码时再切换到 wot-ui-v2。

工作流

  1. 先查看 README.md、package.json#scripts 和相关源码。
  2. 修改 CLI、MCP、prompt、数据结构或 Skill 后，同步测试与 README。
  3. 写配置前先运行 --dry-run，使用隔离 --cwd，不要修改真实用户配置。
  4. 修改命令输出后，至少运行一个真实源码或构建产物命令。
  5. 提交前运行 pnpm lint && pnpm typecheck && pnpm test && pnpm build。

命令分组

组件知识：

wot list [keyword]
wot info <component>
wot doc <component>
wot demo <component> [name]
wot token [component]
wot changelog [versionOrComponent] [component]

项目分析：

wot doctor [dir]
wot usage [dir]
wot lint [dir]

Agent 接入：

wot agent list
wot agent init --client cursor
wot agent status --client cursor
wot agent doctor --client cursor
wot agent remove --client cursor
wot agent init --client all

MCP 管理：

wot mcp
wot mcp serve
wot mcp list
wot mcp init --client cursor
wot mcp status --client cursor
wot mcp doctor --client cursor
wot mcp remove --client cursor
wot mcp print --client cursor

查询命令支持 --version 和 --format text|json|markdown。Agent/MCP 管理命令支持的具体选项以 --help 和源码为准；写操作优先使用 --dry-run。

仓库开发

pnpm install
pnpm dev
pnpm exec tsx src/index.ts list
pnpm build
node dist/index.mjs list

更新离线数据：

pnpm sync:clone
pnpm extract:clone
pnpm sync --wot-dir ../wot-ui
pnpm extract --wot-dir ../wot-ui --output data/v2.0.4.json

发布包检查：

pnpm build
pnpm compress
pnpm exec publint
npm pack --dry-run --json

MCP 注意事项

  • wot mcp 使用 stdio，终端无普通输出通常正常。
  • doctor 验证配置和真实 handshake；部分客户端还会检查注册状态。
  • --client all 在 project scope 处理六个支持客户端。
  • 保留已有 Server、JSONC 注释、非托管 TOML 和用户 Instructions。

参考

需要完整命令矩阵、目录职责、验证要求、数据与发布流程时，读取 references/overview.md。

FAQ

What does the wot-ui-cli skill do?

使用、调试或维护 @wot-ui/cli 与 open-wot 仓库。适用于 wot CLI 命令、Agent/MCP 接入、doctor/usage/lint、组件知识查询、客户端 adapter、离线数据提取、构建测试、发布包检查和仓库开发；如果任务是直接编写 wd- 组件页面或解释组件 API，应改用 wot-ui-v2 skill。

How do I install wot-ui-cli?

Run npx skills add https://github.com/wot-ui/open-wot --skill wot-ui-cli in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/wot-ui-cli/ (personal) or .claude/skills/wot-ui-cli/ (project).

Which AI agents can use wot-ui-cli?

Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.

Is wot-ui-cli safe to install?

No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.

Who maintains wot-ui-cli?

It is published by wot-ui in wot-ui/open-wot. It has 853 recorded installs.

More from wot-ui/open-wot

View all →

wot-ui-v2

wot-ui/open-wot

回答、生成、重构、排查 wot-ui v2 相关代码时使用。关键词：wot-ui、uni-app、Vue3、wd-、ConfigProvider、useToast、useDialog、Form、Popup、theme、llms-full。适用于组件选型、API 查询、示例页面生成、主题定制、常见坑排查。

Frontend & Design1.2K installs

create-wot-ui-theme

wot-ui/open-wot

为 wot-ui 生成单文件主题 SCSS，并在用户明确要求接入时追加 App.vue 的 @use。当用户要做品牌主题、语义变量落地、单文件主题接入时使用。

Frontend & Design854 installs

wot-ui-unocss-preset-guide

wot-ui/open-wot

指导安装、配置并使用 @wot-ui/unocss-preset。Invoke when 用户询问该预设的接入、配置、使用示例或常见问题排查。

Frontend & Design848 installs

migrate-v1-to-v2

wot-ui/open-wot

将用户项目从 Wot UI v1 迁移到 v2。用户要求升级 wot-design-uni 到 @wot-ui/ui、替换旧组件/旧 API、迁移表单校验体系、迁移图标名称，或修复因 v2 不兼容变更导致的编译错误、空图标和运行时报错时调用。

Frontend & Design489 installs

starter-cleaner

wot-ui/open-wot

Open the skill to read its SKILL.md instructions.

Frontend & Design275 installs

openspec-propose

wot-ui/open-wot

Propose a new change with all artifacts generated in one step. Use when the user wants to quickly describe what they want to build and get a complete proposal with design, specs, and tasks ready for implementation.

Frontend & Design140 installs

Popular frontend & design skills

View category →

setup-matt-pocock-skills

mattpocock/skills

Configure this repo for the engineering skills: set up its issue tracker, triage label vocabulary, and domain doc layout. Run once before first use of the other engineering skills.

Frontend & Design1.1M installs

frontend-design

anthropics/skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

OfficialFrontend & Design1M installs

hyperframes-animation

heygen-com/hyperframes

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's choreography (animation map) and 24 named text-animation effects. HyperFrames-native: single paused timeline, seek-safe, deterministic.

Frontend & Design1M installs

prototype

mattpocock/skills

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.

Frontend & Design999.2K installs

hyperframes-core

heygen-com/hyperframes

The HyperFrames composition contract — build one renderable project. Use for composition structure, the data- timing attributes, class="clip", tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Read before writing composition HTML.

Frontend & Design930.5K installs

vercel-react-best-practices

vercel-labs/agent-skills

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

OfficialFrontend & Design843.1K installs