Quadrant Focus
Four quadrants on screen, one in the spotlight
Turns your AI into a motion-graphics director for the quadrant focus pattern — shows a 2×2 grid, then spotlights one quadrant while the other three dim, so the audience's eye goes exactly where the narration is.
Install it in 3 steps
No sign-up. No CLI tools. Pick your AI, copy one line, paste it over.
Prefer doing it yourself? Buy the skill ($4.99), download the ZIP from your checkout confirmation, unzip it into the directory shown above, restart your AI session — same result. Already bought it? Your AI assistant can download it for you.
What’s inside
One SKILL.md (the playbook) + one starter template. A preview:
Quadrant Focus
When to use
- A 2×2 framework (urgent/important, cost/impact, or any two axes) where the narration discusses one quadrant at a time
- A comparison slide with four options where you want to talk through each option without the others competing
- A lesson that introduces a full matrix first for orientation, then walks it quadrant by quadrant
- A pitch where the "you are here" quadrant must pop while the alternatives stay visible for context
- A recap where each quadrant gets a final moment in the spotlight before the full grid returns
Workflow
- Build the grid (input: four quadrant contents → output: full 2×2 frame)
Draw the 2×2 grid with equal quadrants, a 16px gap between them, and a short label in each quadrant (max 3 words). Show the whole grid first, unlit, for at least 1s so viewers learn the layout. Keep each quadrant's content to one icon or short phrase plus its label — detail belongs in the spotlight phase, not the overview. The grid axes, if any, get short labels at the edges, not paragraphs. - Choose the spotlight order (input: script → output: focus sequence)
Decide the order quadrants will be lit, and match it to the narration: usually the order the speaker discusses them, not top-left-to-bottom-right by default. Write the sequence down (e.g. 3 → 1 → 4 → 2) and give each focus a hold length of 2–4s. If a quadrant is never discussed, it still appears in the overview but never gets the spotlight — that is fine and honest. - Move the spotlight (input: focus sequence → output: spotlight move)
For each focus: the three unlit quadrants dim to 25% opacity and 95% scale, while the lit quadrant brightens to 100%, scales to 104%, and gains a soft border or glow. The move takes 400ms with an ease-in-out curve. Move only the light — do not also slide, rotate, or re-layout the grid during the move, or viewers lose their mental map of which quadrant is which. - Hold and narrate (input: lit quadrant → output: explained quadrant)
Hold the spotlight steady for 2–4s while the narration covers that quadrant. If the quadrant needs a detail, fade it in inside the lit quadrant only — one extra line or one small figure, appearing 200ms after the spotlight settles. Never add detail to a dimmed quadrant; viewers cannot read it and it fights the spotlight. When the narration moves on, the detail fades out before the spotlight moves.
Template preview
Quadrant Focus — Build Template
One grid, one spotlight that travels quadrant by quadrant.
The grid
Axis labels (if any): horizontal: {label} | vertical: {label} Full grid hold before first focus: ≥1s | Gap: 16px
Focus sequence (order follows the narration)
Quadrants never discussed (appear in overview only): Q{ }
Spotlight settings (same for every move)
- Lit quadrant: 100% opacity, 104% scale, soft border or glow
- Unlit quadrants: 25% opacity, 95% scale
- Move duration: 400ms, ease-in-out | Grid never re-layouts during a move
- Detail fades out before the spotlight moves on: [ ]
Close
- Release to even grid over 400ms, hold full grid 1.5s
