effective-html

Why we included this project

Teams that lean on coding agents to sketch out interfaces will find this a practical set of skills for turning vague requests into concrete HTML artifacts. Rather than a single tool, it ships six focused skill definitions covering wireframes, working prototypes, plans, diagrams, and general HTML, and the agent picks the right one based on what you ask for. The wireframe skill keeps layouts deliberately low-fidelity so reviewers focus on content hierarchy and navigation before any polish, while the prototype skill pushes toward realistic states, keyboard support, and responsive behavior. Because the skills are plain reference files, you can treat the repo as a guide without installing anything, or wire it into Claude Code, Codex, or similar agents when you want the behavior available as reusable workflows. It pairs naturally with Plannotator for rendering and annotating the local HTML your agent produces.