关于 tk-eli5
tk-eli5 是用于生成单个自包含 HTML 讲解页的技能,以视觉场景和少量文字呈现主题核心流程,面向需要直观理解主题的新手,而非用于纯文字解释或代码讲解。
主要功能
- 01生成单个离线 HTML 文件
- 02使用内嵌 CSS 和 SVG 或 CSS 图形
- 03将讲解组织为视觉场景
- 04检查无障碍和减少动态效果支持
- 05不使用外部资源或网络请求
适用场景
- 01为新手直观讲解明确主题
- 02以图像优先的 HTML 概览说明流程
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ mtgvim/ tiger-kit --skill tk-eli5安装后在 Claude Code 中输入/tk-eli5确认已加载。
附带文件agents/openai.yaml
详细介绍
可视化 ELI5 解释器
创建一个以图像为主的 HTML 成品,让新手一眼就能掌握主题的核心流程。
适用于明确调用 $tk-eli5,或请求通过 HTML 以大图少字的方式进行解释。
适用范围
- 仅对紧邻的上文解释进行文本简化,属于宿主/模型的常规能力;请停止并返回
NotApplicable。 - 涉及两个或更多 UI/逻辑方案的可执行比较,属于
tk-prototype;请停止并返回NotApplicable。 - 不要将此技能用于一般性的文字解释、代码讲解或编辑现有 HTML/页面;请停止并返回
NotApplicable。 - 如果主题缺失或含糊不清,准确输出
Unverifiable,且不要创建文件。
工作流程
- 确认一个明确的主题,以及用户指定的输出路径。如果未指定路径,则在当前工作目录使用
eli5-<topic-slug>.html;如果该文件已存在,则选择一个带数字后缀的新路径。未经明确批准,绝不覆盖现有文件。 - 通常用约
3–5个场景和一个贯穿始终的类比来拆解简单的核心心智模型。若这样能显著提升理解或保留必要的注意事项,可使用更少或更多的场景;场景数量是设计参考,而非正确性门槛。对于时效性或专家事实至关重要的主题,先核实可用证据;简化时不得牺牲准确性或遗漏必要警告。 - 创建一个自包含的 HTML 文件。使用内联 CSS 和 SVG/CSS 视觉元素;不添加外部资源、字体、框架、依赖、构建步骤或网络请求。
- 使用大型视觉元素和简短标题;每个场景的解释文字尽量控制在约
35个单词以内。只有在拆分或删除文字会使解释不准确或更难理解时,才超过此目标。保留语义化 HTML、足够的对比度、可访问的 SVG 标题、非仅依赖颜色的区分方式,并默认遵循prefers-reduced-motion。 - 验证 HTML 可直接离线打开,且包含连贯的场景序列、内联视觉元素和 AI 创作声明页脚。不要启动服务器,也不要自动打开浏览器。
在 HTML 末尾添加以下原句:
🤖 본 설명 자료는 AI가 작성했습니다.
完成与输出
仅当指定的 HTML 文件已存在、无需安装或联网即可打开,并通过大图少字的方式解释主题的核心流程时,才返回 Pass。绝不要将生成失败报告为成功。
仅向用户返回以下一行:
<path> — 초보자용 그림 중심 HTML 설명 자료.
来源
改编自 anthropics/claude-plugins-community 中 eli5 v1.0.0(提交
863e70dc7cff21a2facc749e40a7ecd1a5d19833)的大图少字 HTML 成品及 /eli5 <topic> 行为。TigerKit 增加了离线自包含输出、技能适用范围、验证、避免路径冲突、无障碍支持和创作声明。原始版权声明和 MIT 许可声明见仓库中的 NOTICE.md。
评论
支持 Markdown