design-artifact
Design principles and creative direction for building HTML artifacts — pages, reports, plans,…
Explain the current subject in HTML with large visuals and minimal text while preserving key details.
$ npx -y skills add plannotator/effective-html --skill big-pics-little-words --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/big-pics-little-wordsContext preview
The summary Claude sees to decide when to auto-load this skill.
Explain the current subject in HTML with large visuals and minimal text while preserving key details.
name: big-pics-little-words description: >- 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.
Focused agent skills for creating useful, self-contained HTML artifacts, from low-fidelity wireframes to working interactive prototypes.
Design principles and creative direction for building HTML artifacts — pages, reports, plans,…
Direct-invocation specialist for self-contained HTML diagrams whose layout, notation, and…
Direct-invocation specialist for clear, self-contained HTML plans that preserve source…
Direct-invocation specialist for polished, responsive, self-contained HTML mockups and…
Direct-invocation specialist for low-fidelity, self-contained HTML wireframes that test…
Create or redesign self-contained single-file HTML artifacts with a visual direction shaped…