Repository navigation
Home
Brook Li edited this page Oct 16, 2026
·
2 revisions
Agent Skills for Claude Code, Codex, Cursor and other Agent Skills clients: build native HTML prototypes from reusable UI packs, bind product annotations to the real DOM, review with pins, edit in the browser, jump to source, and capture clean multi-state screenshots.
This wiki is written from the source code at commit 3aeddd9. Project status: experimental 0.x, zero npm dependencies, MIT.
| Part | Path | Purpose |
|---|---|---|
| Prototype skill | skills/html-prototype-build/ |
Generation contract, pack consumer scripts, client runtime, author tools, local server, screenshot CLI |
| Pack author skill | skills/ui-pack-maintain/ |
Pack contract, validator, resolver, registry generator, chart plugin stamper |
| Official UI packs | .html-prototype/packs/ |
admin-desktop, mobile-vant + registry.json
|
| Chart plugin source | .html-prototype/pack-plugins/echarts/ |
ECharts components stamped into host packs |
| Claude Code marketplace | .claude-plugin/marketplace.json |
Plugin ai-html-annotation loading both skills |
| Examples | examples/ |
minimal-notes-system (desktop), mobile-work-order (phone) |
| Tests |
tests/, scripts/validate-skill.mjs
|
npm test |
Getting started
Concepts
Authoring
UI packs
Reference