Claude Plugin
Last commit on August 3, 2026·Created on June 9, 2026
plannotator/effective-html
“Design principles for building HTML artifacts that avoid a generic AI aesthetic.”
Combined rank
#132
across all skills
In Design
#14
category rank
Stars
1.6k
+11.2% in last 7d
Forks
121
+10.0% in last 7d
Watchers
4
0.0% in last 7d
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of real attention, adoption, and active maintenance.
Description
This skill provides creative direction for developing visual HTML deliverables, including reports, landing pages, and small tools. It focuses on the intentional selection of color palettes, typography pairings, and layouts to ensure a professional register.
Product designers can use these principles to refine the theming and structure of interactive prototypes, moving beyond standard templates toward polished, high-fidelity mockups.
WHO IT'S FOR
Product Designers
creating interactive prototypes and high-fidelity mockups
Product Managers
generating structured project plans and roadmaps
Solutions Architects
visualizing system topology and sequence diagrams
Frontend Developers
applying design principles to HTML deliverables
30 Days of GitHub Stars
+294 stars↑ 25.0% monthly change
Jul 7Jul 14Jul 21Jul 28Aug 5
Compatibility & Install6 Skills · 2 Compatible agents · 3 categories · 2 install paths
Compatible agents
❯Claude Code❯Codex
Categories
DesignDeveloper ToolingMedia
Also in this category4 of 46