Updated 1d ago
by Lisuiwen
ai-html-annotation
Agent Skill (html-prototype-build): generate, annotate, review & deliver native HTML prototypes for Claude Code, Cursor & Codex — real-DOM notes, AI-ready selectors, UI packs, multi-state screenshots.
23 GitHub stars (23)
+1 in 16 days
| Period | New stars |
|---|---|
| Oct 1 | 0 |
| Oct 2 | 0 |
| Oct 3 | 0 |
| Oct 4 | 0 |
| Oct 5 | 0 |
| Oct 6 | 0 |
| Oct 7 | 0 |
| Oct 8 | 0 |
| Oct 9 | 0 |
| Oct 10 | 0 |
| Oct 11 | 0 |
| Oct 12 | 0 |
| Oct 13 | 0 |
| Oct 14 | 0 |
| Oct 15 | 0 |
| Oct 16 | +1 |
- 2 skills (2 skills found in its SKILL.md files)
- 3 forks (3 forks)
- 1d ago last update (Last updated 1d ago)
Install
Skills CLI
npx skills add Lisuiwen/ai-html-annotation
Asks which skills and agents to install. Just one: npx skills add Lisuiwen/ai-html-annotation --skill html-prototype-build — add -g for every project.
Claude Code
git clone https://github.com/Lisuiwen/ai-html-annotationcp -r "ai-html-annotation/skills/html-prototype-build" ~/.claude/skills/
Copies the html-prototype-build skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add Lisuiwen/ai-html-annotation
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
html-prototype-build
Build, annotate, review, screenshot, and deliver native HTML UI prototypes with AI agents using reusable UI packs, DOM-bound product annotations, in-browser Direct Edit, browser review pins, a local authoring server, an element-to-source Inspector, and multi-state screenshots. Use when the user mentions /html-prototype-build or asks to reconstruct UI in HTML, create product annotations, edit prot…
skills/html-prototype-build/SKILL.md on GitHub (opens in a new tab) -
ui-pack-maintain
Creates, extends, repairs, validates, versions, and publishes reusable UI Packs. Use when adding or changing UI Pack Foundations, Components, Patterns, Presets, design tokens, state adapters, manifests, or registry metadata, or when extracting a reusable visual system from screenshots, existing pages, or computed styles. Creating a Pack relies only on the self-contained contract plus user intent;…
skills/ui-pack-maintain/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.