plannotator

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

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

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

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

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

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

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