An agent skill that makes editorial diagrams as one self-contained HTML + SVG file, with 45 diagram types and brand matching.
58,1 mil3,7 milHTMLMITActualizado hace 3 días
plannotator/effective-html
Agent skills that guide coding agents to build self-contained HTML wireframes, interactive prototypes, plans, and diagrams.
- Estrellas
- 3,685
- Forks
- 0
- Issues abiertos
- 0
- Último commit
- hace 4 días
Funciones clave
- 01Provides a broad html skill that routes requests to specialist skills.
- 02Generates low-fidelity wireframes to test content hierarchy and navigation.
- 03Builds working prototypes with interaction, keyboard support, and responsive behavior.
- 04Creates plans and roadmaps that preserve source commitments.
- 05Produces architecture, sequence, state, and timeline diagrams as HTML.
Casos de uso
- Exploring layout options with reviewers before implementing a UI.
- Turning a feature request into a clickable prototype for stakeholder feedback.
- Documenting system architecture or a request flow as a shareable HTML diagram.
- Writing an implementation rollout plan that agents can follow.
Temas
Preguntas frecuentes
- ¿Qué es effective-html?
- Agent skills that guide coding agents to build self-contained HTML wireframes, interactive prototypes, plans, and diagrams.
- ¿effective-html es gratuito? ¿Qué licencia tiene?
- effective-html es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿effective-html sigue mantenido?
- Mantenimiento activo. El último commit de effective-html fue el 15 oct 2026.
- ¿Para qué puedo usar effective-html?
- Exploring layout options with reviewers before implementing a UI. Turning a feature request into a clickable prototype for stakeholder feedback. Documenting system architecture or a request flow as a shareable HTML diagram. Writing an implementation rollout plan that agents can follow.
- ¿Dónde consigo effective-html?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/plannotator/effective-html
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
An agent skill that turns ideas, plans, or codebases into interactive HTML diagrams for Claude Code, Codex, Cursor and OpenCode.
85,6 mil5,8 milJavaScriptMITActualizado hace 1 hora
An agent skill that turns a short JSON spec into animated, explorable diagrams exported as HTML, SVG, PNG, GIF or MP4.
Herramientas para desarrolladores#diagrams#agent-skills#claude-code#architecture-diagram#data-visualization
6560JavaScriptMITActualizado anteayer
An agent skill and zero-dependency linter that guides coding agents to hand-place SVG diagrams in one consistent house style.
6290JavaScriptMITActualizado hace 2 meses
Agent Skills that make coding agents design distinctive frontends, using art direction, real photos and a browser self-check instead of generic AI landing pages.
99,1 mil6,7 milJavaScriptMITActualizado hace 6 horas
A browser built for AI agents and you to share: agents run tasks in isolated Spaces while your own tabs and logins stay untouched.
17,7 mil964JavaScriptMITActualizado hace 4 horas