big-pics-little-words

Agent Skills › plannotator/effective-html › big-pics-little-words

big-pics-little-words

GitHub

该技能用于生成视觉主导、文字精简的HTML内容，通过大图片与少量文本解释主题，确保保留关键细节且避免专业术语，适合向新手清晰传达信息。

skills/big-pics-little-words/SKILL.md plannotator/effective-html

触发场景

需要将复杂概念转化为通俗易懂的HTML展示要求以视觉化方式（大图少字）呈现讨论主题

安装

npx skills add plannotator/effective-html --skill big-pics-little-words -g -y

更多选项

不安装直接使用

npx skills use plannotator/effective-html@big-pics-little-words

指定 Agent (Claude Code)

npx skills add plannotator/effective-html --skill big-pics-little-words -a claude-code -g -y

安装 repo 全部 skill

npx skills add plannotator/effective-html --all -g -y

预览 repo 内 skill

npx skills add plannotator/effective-html --list

SKILL.md

Frontmatter

{
    "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.