evondevKit
English | Tiếng Việt
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
/plugin marketplace add evondev/evondevKit
/plugin install evon@evondevkit
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
/plugin uninstall evon@evondevkit
/plugin marketplace remove evondevkit
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):
npx skills add evondev/evondevKit
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. The skill tells you itself when a newer version is out: once a day
at most, it reads the version file on GitHub (nothing is sent) and adds one line with the update
command to its reply. It never installs on its own. To turn this off, set
EVONDEVKIT_NO_UPDATE_CHECK=1. 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 Update above. To hear about new versions, click
Watch → Custom → Releases on GitHub. Each release has a few lines on what changed in
Releases.
The skill isn't perfect. It does its best within its own set of rules. Taste varies, and
every project has its own quirks: after it builds, tweak by hand or ask your AI to adjust.
If something looks off, open an issue with a
link or screenshot of the screen and the prompt you used.
Usage
By default the skill works like a designer: brief → you approve → 2–3 wireframes → you pick →
build. Same in English or Vietnamese. To take a different path, say so in the prompt:
This is the beginning of the README. Read the rest at the original. Read the full README ↗
