HTML Anything：万物皆可变成网页
把任何文件、文件夹、网址或数据导出自动变成精美、可交互、可分享的单文件 HTML 页面，替代冗长的 Markdown 回复。
SKILL.md 有明确的数据与隐私默认：匿名化敏感标识、亲密聊天默认不附原始消息、医疗/法律类仅观察性输出、生成 HTML 视为与源数据同等敏感；无外部 JS/CDN 依赖除非用户允许；URL 抓取仅限理解内容。扣分点：处理联系人、支付、健康等高敏数据时无显式用户确认步骤（仅'提问仅在可能暴露隐私数据时'）、输出文件默认嵌入完整源数据的隐私残留风险未给恢复/清理路径，安装方式（git clone 全仓库）超出 SKILL.md 所需最小范围。
工作流自洽（理解→导出引导→采样→加载提示→选型→构建→浏览器验证→交付），失败时要求修订而非交付，采样指南具体。扣分点：浏览器验证依赖宿主 agent 能力，未提供脚本化测试或失败消息规范；对损坏/超大/异常输入的处理只有采样提示，缺乏明确的失败反馈约定；无测试证据。
触发条件（when_to_use）、四种用例分类、17 种风格的适用/排除边界、'不用 HTML'的负面清单都写得清楚，语义触发精度较高。扣分点：无中文界面/中文源数据支持声明；依赖 Google Fonts 外部字体且对大陆可达性未讨论；对无浏览器验证能力的 agent 环境适配未声明。
文档分层良好（README/SKILL.md/prompts/），版本号 0.1.0、MIT-0 许可证、安装与更新路径（git pull、npx skills add）清晰，已知限制部分披露。扣分点：无 CHANGELOG，维护责任主体不明确（Clockless 仅出现在许可证中），发布者未经注册表验证，CLI 与 skill 的双面性增加维护假设。
README 展示 11 个已提交示例输出与在线画廊，示例生成命令完整可复现，产出为可直接打开的单文件 HTML，相对手工制作价值明显。扣分点：静态审查无法验证输出质量一致性，'browser verification' 是否真实执行无证据，长尾数据源的实际完整度未知，故不给更高分。
仓库内含示例输入/输出对、catalog. 与参考 HTML，可部分审计。扣分点：示例输出为作者自产，无第三方执行证据、无 CI 测试覆盖关键路径的证据，质量承诺（风格保真、浏览器验证）不可独立复现。
- 生成物会在客户端嵌入源数据（含聊天、支付、健康记录），分享前请自行审查并脱敏；该技能未声明中文界面与中文源支持，且默认引用 Google Fonts，大陆网络下字体可能加载失败（页面其余部分为本地优先、仍可用）；浏览器验证步骤依赖宿主 agent 具备浏览器工具，无此能力时'已验证'承诺不可信；安装会克隆整个仓库（含 CLI 与脚本），仅需 SKILL.md+prompts 的用户应注意范围。
这个 Skill 能做什么，适合哪些场景？
html-anything 是一个运行在 Claude Code 和 Codex 中的 Agent 技能，核心理念是：当答案值得成为页面时，就交付一个真正的 HTML 工件而不是长篇文字。它内置 60 个数据源提示（Amazon 订单、WhatsApp、Spotify、Kindle、GPX、日志等）和 17 套具体的设计系统（教学工作室、仪表盘、时间线故事、终端风格等），自动识别输入来源、选择合适的风格、生成页面并在浏览器中验证后才交付。输出默认是单文件 output.html，可选生成 assets 资源目录。对个人隐私数据（聊天记录、支付、医疗）有内置的脱敏和免责默认规则。适合希望用可视化产物取代纯文字回复的 Claude Code / Codex 用户。
读取用户提供的想法、本地文件、文件夹、URL 或平台导出数据；自动分类为四种用例（教学、文件与工作数据、对话分析、个人数据与地点）并路由到 17 种风格系统之一；直接生成含内联 CSS/JS 的响应式 HTML 页面（含搜索、筛选、图表等交互），必要时用图像生成工具产出位图资源；在浏览器中检查页面渲染、移动端适配、对比度、键盘与触控可用性；最后交付文件路径。对需要导出指引的来源（如 Spotify、Google Photos），先给出导出步骤再生成页面。
- 个人数据回顾：把 Amazon 订单、Spotify 收听或 Uber 行程导出做成时间线、地图或消费图谱
- 聊天记录分析：把 WhatsApp / WeChat 一对一导出做成隐私优先的关系回顾页，或把团队 Slack 导出做成贡献排行
- 文档与工作数据：把 CSV、PDF、邮件归档、CI 日志变成仪表盘、电子指南或终端风格调试证据页
- 教学与讲解：让代理把某个概念变成可交互的教学站点，而不是一段长文
- 知识整理：把 Notion / Obsidian 导出、Kindle 标注变成可浏览的主题档案或反思性阅读页
- 团队分享：把策略文章或报告变成可翻页的编辑型轮播页面
这个 Skill 有哪些优点和局限？
- 覆盖面极广：60 个数据源提示加 17 套设计系统，从 PDF 到 GPX 都有针对性处理
- 强制风格保真与浏览器验证门槛，减少生成页面变成千篇一律报告的情况
- 隐私默认值合理：敏感聊天默认脱敏、医疗法律来源仅观察不给建议
- 输出为本地优先的静态单文件 HTML，无 CDN 依赖，可离线打开或任意托管
- 安装路径齐全：Claude Code、Codex、claude.ai、Claude API、Cursor 等均有明确步骤
- SKILL.md 内容庞大（工作流、目录、清单都很长），会占用可观的上下文预算
- 页面质量依赖宿主代理的代码执行与浏览器验证能力，弱运行时下验证环节可能形同虚设
- 隐私保护是提示级约定而非技术隔离，生成的 HTML 会内嵌源数据，仍需用户自行妥善保管
- 不支持 ChatGPT 自定义 GPT 与 Gemini Gems；claude.ai 需要付费订阅且技能不跨平台同步
- 仓库自带的可选 CLI 需自备 ANTHROPIC_API_KEY 或 OPENAI_API_KEY，且无公开测试套件说明
如何安装这个 Skill？
大多数 CLI / 编辑器代理：npx skills add clockless-org/html-anything。Claude Code：git clone https://github.com/clockless-org/html-anything ~/.claude/skills/html-anything 后重启。Codex：git clone https://github.com/clockless-org/html-anything "${CODEX_HOME:-$HOME/.codex}/skills/html-anything" 后重启。claude.ai 网页版：下载发布页的 html-anything-skill.zip，在 设置 → 功能 → Skills 中上传（需 Pro/Max/Team/Enterprise 且开启代码执行）。Claude API：通过 /v1/skills 接口上传 zip 并引用返回的 skill_id。注意 ChatGPT 自定义 GPT 和 Gemini Gems 不兼容此格式。
如何使用这个 Skill？
安装后直接用自然语言提问，无需提及 HTML 或样式。示例："Teach me the solar system."、"我今年的 Amazon 订单说明什么？"、"帮我理解这个 CSV"、"复盘我们今年的聊天记录，匿名处理"。如果只提到数据源还没有文件（如"我的 Spotify 历史"），技能会先给出导出步骤。可以用自然语言微调风格，如"做成教程"、"更像仪表盘"、"做成杂志轮播"。
这个 Skill 与同类方案有什么区别？
灵感来自 Claude Code 团队成员 Thariq Shihipar 的文章《The Unreasonable Effectiveness of HTML》，把 HTML 视为比 Markdown 更丰富的回复格式；但源材料未列出直接竞品。