{"repo":"plannotator/effective-html","free":true,"listed":false,"github":"https://github.com/plannotator/effective-html","clone":"git clone https://github.com/plannotator/effective-html.git","description":"Agent skills for useful HTML artifacts, wireframes, interactive prototypes, plans, and diagrams.","language":"HTML","stars":1665,"topics":["agent-skills","skills","claude-code","codex","html-artifacts","html-prototype","prototyping","html-wireframe"],"license":"MIT","category":"mcp-servers","readme_excerpt":"Effective HTML Focused agent skills for creating useful, self-contained HTML artifacts, from low-fidelity wireframes to working interactive prototypes. Fat artifacts + fat context Modern models can do a lot. Give them plenty of useful references and use artifacts to show what you mean. HTML can visualize almost anything, often more clearly than a wall of text. Your prompt can simply point to the artifacts, repositories, and folders that carry the context. [!NOTE] You can use this repo without installing anything. Treat it as a reference first and an installable skill collection second. See the Effective HTML guide. https://github.com/user-attachments/assets/24306977-7f30-44c9-9bff-55f901d557b0 Render and annotate local HTML with Plannotator . Skill references The repo includes six optional skills for pragmatic visual artifacts. Skill Use it for --- --- html Broad HTML requests, mixed artifacts, reports, explainers, presentations, landing pages, tools, and routing to a specialist design-artifact Subject-specific creative direction for any HTML artifact without imposing a reusable house style html-wireframe Low-fidelity layout directions that test content, hierarchy, navigation, flows, and responsive structure html-prototype Working prototypes with realistic states, interaction, keyboard support, and responsive behavior html-plan Plans, roadmaps, rollouts, and implementation sequences that preserve source commitments html-diagram Architecture, sequence, process, state, hierarch","default_branch":null,"files":null,"tree":[],"storefront":"/r/plannotator","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/plannotator/effective-html/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}