Repository
plannotator/effective-html agent skills
- skills
- 4
- GitHub stars
- 3.6k
GitHub description: “Agent skills for useful HTML artifacts, wireframes, interactive prototypes, plans, and diagrams.”
- Stars
- 3,555 (239 forks)
- Licence
- MIT
- Last push
- Sep 2026
- Created
- Jun 2026
- Homepage
- plannotator.ai
- agent-skills
- skills
- claude-code
- codex
- html-artifacts
- html-prototype
- prototyping
- html-wireframe
Install all skills
npx skills add plannotator/effective-htmlAdd --skill <name> for a single skill and -a <agent> to choose the agent (see the agent guides).
Skills in plannotator/effective-html, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | 1.HTML Create or redesign self-contained single-file HTML artifacts with a visual direction shaped by the user's brief, project, and subject. | plannotator/ | 3.6k | — | ~1.6k | Automated safety check: Pass | MIT | 23 days ago |
| 2 | Direct-invocation specialist for self-contained HTML diagrams whose layout, notation, and interaction clarify relationships, sequence, topology, state, hierarchy, or quantitative structure. | plannotator/ | 3.6k | — | ~678 | Automated safety check: Pass | MIT | 23 days ago |
| 3 | Direct-invocation specialist for clear, self-contained HTML plans that preserve source material while improving hierarchy, sequence, ownership, dependencies, and reviewability. | plannotator/ | 3.6k | — | ~614 | Automated safety check: Pass | MIT | 23 days ago |
| 4 | Direct-invocation specialist for polished, responsive, self-contained HTML mockups and interactive prototypes grounded in the user's conversation, product context, and design language. | plannotator/ | 3.6k | — | ~1.5k | Automated safety check: Pass | MIT | 23 days ago |
Questions, answered from the data.
What is the best skill in plannotator/effective-html?
HTML from plannotator/effective-html ranks first of the 4 skills in plannotator/effective-html listed here, with the highest score: its repository has 3.6k GitHub stars, its SKILL.md loads about 1.6k tokens and it passes the automated safety check with no findings. Next come HTML Diagram and HTML Plan.
Are the skills in plannotator/effective-html official?
None yet. All 4 skills in plannotator/effective-html listed here come from community repositories; a skill counts as official when the product's own GitHub organization publishes it.
How do I install all skills from plannotator/effective-html?
Run npx skills add plannotator/effective-html in your project: the open-source skills CLI installs the repository's skills into your coding agent's skills folder. To install a single skill, open its page here for the exact command.
How are these skills ranked?
By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.