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☆ 37422026年10月16日 更新
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☆ 37422026年10月16日 更新
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☆ 37422026年10月16日 更新
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☆ 37422026年10月16日 更新
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☆ 37422026年10月16日 更新
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☆ 37422026年10月16日 更新
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☆ 37422026年10月16日 更新