evondev / evondevKit

# evondevKit
**English** | Tiếng Việt
 If you find this useful, you can support the project via MoMo (Vietnam): 
A **`ui-ux`** skill for Claude Code: builds and polishes app UIs (dashboards, lists, tables,
forms, settings, modals) using your project's own component library and colors.
Overview: evondev-uiux.vercel.app/en/ui-ux
## Install
### Claude Code
 [code] 
In the VS Code extension or the desktop app, `/plugin` isn't available: type `/` → **Manage
plugins** → Marketplaces, add `evondev/evondevKit`, then install `evon` from the Plugins tab.
Invoke with `/evon:ui-ux`.
**Update**
- Terminal: `/plugin marketplace update evondevkit`, then `/reload-plugins` to apply it in the
 open session.
- VS Code, desktop app: `/` → **Manage plugins** → Marketplaces → `evondevkit` → refresh icon.
- From any shell: `claude plugin marketplace update evondevkit`.
`/reload-plugins` only reloads what's already downloaded; it doesn't fetch a new version.
To skip updating by hand: Marketplaces → `evondevkit` → **Enable auto-update**. Claude Code
then pulls the latest version every time it starts.
**Uninstall**
 [code] 
The first line removes the skill, the second removes the source too (run it if you won't
reinstall). Afterwards, start a new session so the skill is no longer loaded.
- VS Code, desktop app: `/` → **Manage plugins** → Plugins tab → `evon` → Uninstall; to
 remove the source, go to Marketplaces → `evondevkit` → remove.
- From any shell: `claude plugin uninstall evon@evondevkit`, then
 `claude plugin marketplace remove evondevkit`.
### Cursor, OpenCode, Codex, Antigravity, ZCode, omp
Run at the project root (`bunx` works in place of `npx`):
 [code] 
The command asks which tools to install for, then copies the skill into
`.agents/skills/ui-ux/`, the folder Cursor, OpenCode, Codex, Antigravity and omp all read
(ZCode gets `.zcode/skills/ui-ux/`). To preselect tools, add `-a`, e.g.
`-a cursor -a zcode`. To share it across all projects, add `-g`.
| Tool | Invoke |
| --- | --- |
| Cursor, Antigravity | `/ui-ux Build an orders list…` |
| Codex | `$ui-ux Build an orders list…` |
| ZCode | `$ui-ux Build an orders list…` (or pick it from the `/` menu) |
| OpenCode | `Use the ui-ux skill to build an orders list…` |
| omp | `/skill:ui-ux Build an orders list…` |
Without the name, the tool turns the skill on when the prompt matches its description.
ZCode doesn't show the skill yet? Open Settings → Skills and click Refresh.
Update: `npx skills update`. Uninstall: `npx skills remove ui-ux` at the project root; if you
installed with `-g`, use `npx skills remove -g ui-ux`. The skill is tested most on Claude; other tools work but may
differ in places.
> **Beta.** Works well for light-theme app UIs: tested on 70 prompts across real projects.
> Most testing so far used Vietnamese prompts. English prompts follow the same flow but have
> had less testing. Currently testing: adding dark mode to existing apps.
> The skill keeps changing as tests come in; get the latest as in **