wot-uiOfficial·10 Agent Skills Included

wot-ui

Build, test, and document uni-app mobile UI components

Creates new Vue component skeletons, demo pages, unit tests, and theme files for the Wot UI uni-app component library. Checks that component documentation matches the real source code API and migrates old docs to the new format. Replaces hardcoded styles with semantic design tokens and enforces naming rules, removing manual cleanup and style drift.

284|31

↗

npx skills add wot-ui/wot-ui --all -g -y

Available:

Routes each component task to the right skill or agent, and enforces hard rules on directory structure, naming, source-of-truth APIs, minimal changes, and post-change verification.

All Skills in This Repository (10)

Pure Emerald Level Indicators

📦 In Repo

wot-ui

generate-theme

Generate a single-file SCSS theme for Wot UI with fixed color tokens.

create-test

Generate Vitest unit test scaffolds for components under tests/components.

vue-comment

Enforce JSDoc comments and kebab-case naming across Vue codebases.

check-doc-component-consistency

Compare component source APIs against documentation and generate minimal diff reports.

migrate-component-doc

Migrate component Markdown docs to a unified spec with diff and validation results.

create-demo-page

Automate component demo page creation under src/subPages/<component>/Index.vue.

create-component

Generate Wot UI component skeletons with typings, Vue files, and styles.

generate-scss-variables

Generate and audit SCSS variables with --wot prefixes and semantic tokens.

wot-ui-component-baseline

Enforce shared directory, naming, and validation rules for Wot UI components.

optimize-page-styles

Rewrite Uni-app subPages styles to use semantic Wot UI variables and BEM naming.

Official

Intermediate

Frequently Asked Questions

FAQPage Schema

How to install Wot UI skills?▼

Run `npx skills add wot-ui/wot-ui --all -g -y` in your terminal to install all skills in this collection globally.

How to create a new Wot UI component?▼

The create-component skill scaffolds the full component structure with types, styles, and global type registration, following the library's naming and BEM conventions.

How to keep component docs in sync with source code?▼

The check-doc-component-consistency skill compares props, events, slots, and methods in the docs against the actual source code and applies minimal fixes.

Can it generate unit tests for components?▼

Yes. The create-test skill generates Vitest test files covering props, events, slots, and edge cases, targeting 80% or higher coverage.

Does it work with Claude Code and other coding agents?▼

Yes. All skills follow the standard SKILL.md format and run in Claude Code, Cursor, Codex, and other compatible coding environments.