html-explainer：一句话让 Agent 把主题做成讲解视频
html-explainer 是给 Claude Code、Codex 等编程智能体用的开源 Skill：给一个主题，它从调研、解说词、配音一路跑到逐帧渲染和封面，产出带硬字幕的讲解视频。画面用 HTML 和 GSAP 写，不录屏、靠 seek 渲染保证帧级可复现，默认 edge-tts 免费免密钥，全程本地跑。
Agent Skill
「Agent Skill」标签聚合的各栏目已发布内容，按本站发布日期从新到旧排列。
5 条
producthunt：让智能体直接查 Product Hunt 的帖子、评论和榜单
resciencelab 的 opc-skills 合集（Apache-2.0，1,827 星）里的 Agent Skill，把 Product Hunt 官方 GraphQL API 包装成 11 个只读脚本。装进 Claude Code、Codex 或 Cursor 后，智能体不用翻网页就能拉帖子、评论、话题和合集，适合竞品调研和选题验证。
frontend-design：让 AI 写界面前先想清楚「这是给谁看的」
Anthropic 官方 skills 仓库里的前端设计 skill。它要求智能体先从产品和行业出发定下配色、字体和版式，再写代码、截图自查，专门用来避开千篇一律的「AI 味」界面。
ip-as-logo：让 AI 画的吉祥物缩到 32×32 还认得出来
GitHub 上的开源 skill（MIT 协议），给画 IP 吉祥物的智能体立硬规矩：4–7 个大形状拼轮廓、全图最多三色、缩到 32×32 仍要认得出；先给三个方向，点头后一次出六张。适合想给产品配吉祥物、又总被 AI 画得太满坑到的人。
threejs-architecture-effects：让智能体一砖一瓦盖出能拖动旋转的真 3D 古建
Hailey 开源的 Agent Skill，装进 Codex、Claude Code 或 Cursor 后，智能体会按「地基 → 木架 → 砖墙 → 斗拱瓦片」的顺序盖起一座可交互的 Three.js 建筑，而不是拿一张贴图动画糊弄。适合作品集、文旅和活动页的 3D 展示。