big-pics-little-words
Explain the current subject in HTML with large visuals and minimal text while preserving key details.
Make a one-pager: one HTML page that shares an idea with teammates early, or recaps work for them, with big pictures and little words.
Claude Code
$ npx -y skills add plannotator/effective-html --skill one-pager --agent claude-code
Codex
$ npx skills add plannotator/effective-html --skill one-pager -a codex -y
Cursor
$ npx skills add plannotator/effective-html --skill one-pager -a cursor -y
Gemini CLI
$ npx skills add plannotator/effective-html --skill one-pager -a gemini-cli -y
GitHub Copilot
$ npx skills add plannotator/effective-html --skill one-pager -a github-copilot -y
OpenCode
$ npx skills add plannotator/effective-html --skill one-pager -a opencode -y
Windsurf
$ npx skills add plannotator/effective-html --skill one-pager -a windsurf -y
name: one-pager description: >- Make a one-pager: one HTML page that shares an idea with teammates early, or recaps work for them, with big pictures and little words. disable-model-invocation: true
You are making a one-pager: one HTML page to share with teammates. Usually it is an idea at an early stage, to get their first reactions; sometimes it is a recap of work done. The reader is new to the subject and has a minute.
Use HTML to help them understand what we're discussing. Show them with big pictures and little words without withholding 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, but don't use weird metaphors.
Focused agent skills for creating useful, self-contained HTML artifacts, from low-fidelity wireframes to working interactive prototypes.
Explain the current subject in HTML with large visuals and minimal text while preserving key details.
Design principles and creative direction for building HTML artifacts — pages, reports, plans, landing pages, demos, decks, and…
Direct-invocation specialist for self-contained HTML diagrams whose layout, notation, and interaction clarify relationships,…
Direct-invocation specialist for clear, self-contained HTML plans that preserve source material while improving hierarchy,…
Direct-invocation specialist for polished, responsive, self-contained HTML mockups and interactive prototypes grounded in the…
Direct-invocation specialist for low-fidelity, self-contained HTML wireframes that test information hierarchy, content,…
Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with optional…
Hyperframes-based video template for retro pixel deck motion design. Use when users want a high-fidelity, multi-scene…
Use when the user wants to design, redesign, shape, critique, audit, polish, simplify, harden, animate, or otherwise improve a…
Create branded architecture, architecture delta, IT current-state, flowchart, sequence, state machine, ER/data model, timeline,…