mcpField
T
tk-eli5

tk-eli5

github.com/mtgvim文档处理142 次安装今天更新
代码仓库

关于 tk-eli5

tk-eli5 是用于生成单个自包含 HTML 讲解页的技能,以视觉场景和少量文字呈现主题核心流程,面向需要直观理解主题的新手,而非用于纯文字解释或代码讲解。

主要功能

  1. 01生成单个离线 HTML 文件
  2. 02使用内嵌 CSS 和 SVG 或 CSS 图形
  3. 03将讲解组织为视觉场景
  4. 04检查无障碍和减少动态效果支持
  5. 05不使用外部资源或网络请求

适用场景

  1. 01为新手直观讲解明确主题
  2. 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,且不要创建文件。

工作流程

  1. 确认一个明确的主题,以及用户指定的输出路径。如果未指定路径,则在当前工作目录使用 eli5-<topic-slug>.html;如果该文件已存在,则选择一个带数字后缀的新路径。未经明确批准,绝不覆盖现有文件。
  2. 通常用约 3–5 个场景和一个贯穿始终的类比来拆解简单的核心心智模型。若这样能显著提升理解或保留必要的注意事项,可使用更少或更多的场景;场景数量是设计参考,而非正确性门槛。对于时效性或专家事实至关重要的主题,先核实可用证据;简化时不得牺牲准确性或遗漏必要警告。
  3. 创建一个自包含的 HTML 文件。使用内联 CSS 和 SVG/CSS 视觉元素;不添加外部资源、字体、框架、依赖、构建步骤或网络请求。
  4. 使用大型视觉元素和简短标题;每个场景的解释文字尽量控制在约 35 个单词以内。只有在拆分或删除文字会使解释不准确或更难理解时,才超过此目标。保留语义化 HTML、足够的对比度、可访问的 SVG 标题、非仅依赖颜色的区分方式,并默认遵循 prefers-reduced-motion。
  5. 验证 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