Turn the subject under discussion into an HTML explanation with large visuals and minimal text. Keep essential details, explain unfamiliar ideas in plain language, and use pictures or icons selectively when they help the reader understand.
- Explain an unfamiliar topic visually
- Rework a text-heavy explanation with large visuals
- Present essential details with fewer words
plannotator/effective-html☆ 3.7KUpdated Oct 16, 2026
Turn relationships, sequences, hierarchies, or quantities into a self-contained HTML diagram. The skill selects a suitable visual form and adds filtering, path tracing, or zoom only when those interactions help readers understand the subject.
- Explain components and their connections
- Visualize process steps and handoffs
- Show state transitions and their conditions
plannotator/effective-html☆ 3.7KUpdated Oct 16, 2026
Create a single HTML file to review a product’s appearance or test a working flow. The skill follows the product’s design context and supports responsive layouts, keyboard interaction, form validation, and relevant interface states.
- Review a proposed screen layout
- Test navigation and form interactions
- Compare desktop and mobile presentations
plannotator/effective-html☆ 3.7KUpdated Oct 16, 2026
Turn an existing plan into a readable, self-contained HTML document. It preserves the original scope and commitments while clarifying supported phases, owners, dependencies, decisions, and open questions so people can review the work and act on it.
- Present an implementation plan for review
- Clarify task owners and dependencies
- Separate decisions from assumptions and open questions
plannotator/effective-html☆ 3.7KUpdated Oct 16, 2026
Plan and refine the visual design of HTML pages, reports, presentations, and small tools. Choose colors, typefaces, layouts, and themes to suit the subject, while respecting existing project styles and making content and controls clear.
- Choose colors and typefaces for an HTML report
- Restyle a landing page to fit its subject
- Design readable light and dark themes
plannotator/effective-html☆ 3.7KUpdated Oct 16, 2026
Create reports, explainers, presentations, landing pages, or small tools as a single HTML file. The skill shapes layout and interaction around the subject and audience, with styles and scripts included for direct opening without a build step.
- Turn a report into a readable HTML page
- Create a presentation or landing page
- Build a small calculator or interactive tool
plannotator/effective-html☆ 3.7KUpdated Oct 16, 2026
Create simple HTML wireframes, rough screen layouts for reviewing content, navigation, and task flows before visual styling. Compare distinct structural options in one file and check how each layout works on desktop and mobile screens.
- Compare alternative navigation and screen layouts
- Review a short task flow through clickable screens
- Check content order on desktop and mobile
plannotator/effective-html☆ 3.7KUpdated Oct 16, 2026