← LeaderboardThe Skill Leaderboard

big-pics-little-words

Explain the current subject in HTML with large visuals and minimal text while preserving key details.

Published by plannotator ↗plannotator/effective-html

Try your first task

Start a fresh conversation. Replace the highlighted placeholders.

When I explicitly invoke big-pics-little-words, use it with HTML to explain [current discussion subject] from [provided material] as one self-contained visual explainer. Make the main relationships understandable through large diagrams or selectively useful real-world pictures/icons, with minimal plain-language text for someone new to the subject. Preserve the key details, caveats and labels needed for accuracy; do not replace missing information with invented facts. Use a deliberate layout suited to this subject, and include only visuals that help explain it. Return the single HTML artifact and a brief description of what it makes easier to understand.

Required inputs

Subject, supporting material and key details to preserve

User-approved starter prompt based on a pinned source version; check current skill requirements before running. Task evidence ↗

SKILL.md

name: big-pics-little-wordsdescription: >-  Explain the current subject in HTML with large visuals and minimal text  while preserving key details. disable-model-invocation: true

Use HTML to help me understand what we're discussing. Show me with big pictures and little words without witholding key details. Use your own taste, avoid lazy design, integrate real-world pictures/icons/visuals as needed but only selectively when it makes sense. When you do use prose/detail: Be clear, concise/terse, and avoid jargon. Explain things as if the viewer is new here.