<!-- title: 不写解释了，它回你一页HTML -->

# 不写解释了，它回你一页HTML：Skills生态本周观察

## 概述

本期扫一遍近一周新架的技能仓库：新架榜首被「把Claude指向任何游戏」的universal-modder以5768星占住，但它之外，更值得看的是另一条新趋势——新一代技能不再满足于「帮你写点文字」，而是把交付物换成了**成品**：一张自包含的HTML页面、一部不调用视频模型的短片、一个逐模块复刻出来的App、一块挂着不关的实时面板、甚至一个管Agent记忆的二进制文件。本期挑出5个最有代表性的新面孔做横评，并从它们身上提炼三个可以直接抄走的SKILL.md写法。

## 本周榜单速览

先看榜单事实（星数截至10月9日）：

| 仓库 | 星数 | 一句话定位 |
|------|------|-----------|
| rehan-remade/universal-modder | 5768 | 把Claude指向任意游戏改Mod，附Skills、工具与fal MCP |
| shader-effects-inc/shaders | 3593 | WebGPU特效组件库，覆盖React/Vue/Svelte/Solid等 |
| QingYunA/answer-me-with-html | 2399 | 用一页HTML回答难题的Agent技能 |
| lemomo-ai/lemo-opuscar | 1439 | 不用视频模型拍短片的Claude Code技能，43种电影风格 |
| Jakeschincariol/replica-skill | 1168 | 11件免费技能：逆向、重建、测试，克隆任意App |
| ythx-101/live-panel-skill | 664 | 一个JSON文件变成终端风常驻动画架构面板 |
| elstongun/leviathan | 698 | 单一静态二进制，给Agent提供大数据集上的深度记忆 |

老面孔那边，obra/superpowers（296684星）和mattpocock/skills（281642星）继续霸住热榜头部，短期内看不到挑战者。真正的新故事都发生在上面这张表里——注意一个细节：除了shaders是组件库这个「编外选手」，其余全部是技能形态，而且出口清一色是交付物，不是聊天记录。

本周五件的分类一眼就能看明白：

```mermaid
flowchart TD
  A["本周技能新星"] --> B["出口是一页HTML"]
  A --> C["出口是一部短片"]
  A --> D["出口是一个App"]
  A --> E["出口是常驻面板"]
  A --> F["出口是深度记忆"]
  B --> B1["answer-me-with-html"]
  C --> C1["lemo-opuscar"]
  D --> D1["replica-skill"]
  E --> E1["live-panel-skill"]
  F --> F1["leviathan"]
```

## 评测对比表

评分为本栏基于各仓库公开描述、星数增速与设计取向给出的编辑评级（★★★★★为最好；「上手难度」5星代表最容易上手），供参考：

| 技能 | 功能完整度 25% | 设计质量 25% | 实战效果 20% | 上手难度 15% | 社区活跃度 15% | 加权总评 |
|------|------|------|------|------|------|------|
| answer-me-with-html | ★★★★ | ★★★★★ | ★★★★ | ★★★★★ | ★★★★ | **4.40** |
| lemo-opuscar | ★★★★ | ★★★★ | ★★★ | ★★★★ | ★★★ | **3.65** |
| replica-skill | ★★★ | ★★★★ | ★★★ | ★★★ | ★★★ | **3.25** |
| live-panel-skill | ★★★ | ★★★★ | ★★★ | ★★★★ | ★★ | **3.25** |
| leviathan | ★★★ | ★★★★ | ★★★ | ★★★ | ★★ | **3.10** |

## 逐个拆解

### answer-me-with-html：把「回答」做成一件可以双击的东西

**定位**：一个Agent技能。官方描述只有一句话——「用一页HTML回答难题」。你抛给它一个复杂问题，它交回来的不是聊天流里的一屏字，而是一个自包含的单页HTML文件。

**亮点**：这是本周设计上最聪明的一件，聪明在三处。

第一，它看穿了聊天流的缺陷。聊天回答是线性的，一段接一段往下淌；而一页HTML有版面——可以左右对比、可以做表、可以分层折叠。难题往往不是「一个答案」，而是「一组关系」，版面天然比流水更适合表达关系。

第二，交付物能活过这一分钟。聊天记录三天后你自己都搜不回来，一个HTML文件却可以丢进网盘、发给同事、贴到内网，双击就开，零依赖。回答从「消耗品」变成了「资产」。

第三，也是最值得SKILL.md作者学的一处：**输出格式是硬约束，硬约束反逼思考质量**。要把一个难题装进一页纸，模型必须先决定结构——什么是主结论、什么是证据、什么该折叠。这个「先想清楚版面再动笔」的过程，恰恰是普通聊天回答最容易跳过的。描述里那句 hard questions 不是修辞，它就是在圈定这个技能的触发场景：简单问题别用它，杀鸡用牛刀。

**短板**：形态反过来也是枷锁。追问式的一来一回对话，被「一页」钉死了；问题太简单时，仪式感大于信息量；最终观感取决于你浏览器里打开它的那一眼。另外，从描述看它是单技能无依赖的形态，功能面窄是刻意的——这是一把专用刀，不是瑞士军刀。

**一句话**：2399星、一周冲上这个量级，说明「换个交付物」这个单一改动就足以撑起一个爆款技能。

### lemo-opuscar：不买视频模型，先拍片子

**定位**：一个Claude Code技能，专门产出短片，卖点极狠——**全程不用视频生成模型**。仓库介绍给出43种电影风格，每种风格单独成条。

**亮点**：它的存在本身就是对当前AI视频成本结构的一次绕行。视频生成按秒计费、风格飘忽、改一版重跑一遍，这些痛点它全都不碰——「不用视频模型」意味着产出路径是确定性的：风格是预定义的43选1，成片逻辑可复现，改风格就是换参数，不烧钱重抽。43种风格每一种单独定义，这个拆法也很克制：风格不是一段泛泛的「电影感prompt」，而是逐条目结构化下来的东西，这正是一个风格库该有的样子——可枚举、可组合、可版本管理。

对SKILL.md作者的启示是：**把「品味」做成目录而不是形容词**。「赛博朋克风」写进提示词是一句空话，拆成43个条目里的一个条目，才是一份可执行的规格说明。

**短板**：不调用视频模型，代价就是画面上限。实拍级的运动镜头、复杂的光影变化，这条路线天然够不着；它适合的是风格化、图形化、强叙事节奏的短片，不适合去卷逼真度。1439星的增速也说明市场认的是「能出片」而不是「出神片」。

**一句话**：视频模型烧钱的地方它全绕开了，风格库的做法值得所有内容类技能抄。

### replica-skill：克隆一个App，拆成流水线

**定位**：11件免费技能组成的套装，目标写在描述里毫不含糊——克隆任何App。路径分三段：逆向（reverse-engineer）、重建（rebuild）、测试抓bug（test it for bugs）。

**亮点**：它的价值不在「抄」，在**编排**。大多数人让AI复刻一个产品，是一句话砸过去：「帮我把XX抄出来」。结果通常是一个貌似 exits 的空壳。replica-skill把这件大事拆成了三段流水线，每段是独立的技能，段与段之间有明确的交接物——逆向拆出的结构喂给重建，重建出的代码喂给测试，测试发现的bug回流重建。这本质上就是把软件工程里「需求分析→开发→测试」的老规矩，翻译成了技能目录里的11个文件。

```mermaid
flowchart TD
  S["选定目标App"] --> R["逆向：拆出结构与接口"]
  R --> B["重建：逐模块复刻"]
  B --> T["测试：自动找bug"]
  T -->|发现缺陷| B
  T -->|通过| D["交付克隆版"]
```

注意上图那条回流边——「测试不过就打回重建」——这一条正是大多数一次性提示词没有的东西。没有验收环节的生成，等于没有质量下限。

**短板**：第一，克隆质量高度依赖逆向环节，目标App越复杂、越闭源，第一段拆出来的东西越失真；第二，法律边界必须自己把住——这套东西用于学习协议、复刻自己有权的系统没问题，拿去照抄商业产品就是另一回事了；第三，11件套的体量对新手不算轻，装完得花时间理解每件管哪段。

**一句话**：本周最值得前端工程师研究的一件，不为抄App，为抄它「分段+验收」的编排法。

### live-panel-skill：架构图从「一张图」变成「一块屏」

**定位**：配置驱动的动画架构图技能——把一个JSON文件，变成终端风格的、**常驻运行**的动画架构面板。

**亮点**：两个关键词。第一个是 config-driven：技能的产出不是一段段生成的代码，而是一份JSON配置。这个选择的工程含义很实在——代码会幻觉，配置好校验；代码难审，配置能进版本库做diff；改面板不需要碰生成逻辑，改数据就行。第二个是 always-running：过去所有画架构图的技能，交货都是一张静态图，看完就关。这块面板是挂着不关的，节点会动、状态会跳，它从「一张插图」变成了「一面值班墙」。给团队做架构演示、给项目挂一面活的状态屏，这类需求之前只能手写前端，现在是一份JSON的事。

**短板**：终端风格是它的皮肤也是它的天花板，表现力锁死在模板给的范围里；664星的体量在本期最小，社区沉淀和边界场景的处理都还要观察；另外它高度绑定「架构可视化」这一个场景，通用性弱。

**一句话**：和市面上「一句话生成架构图」的那一批不是同类——那批生产图片，它生产一块值守的屏幕。

### leviathan：把Agent的记忆，从笔记本换成数据库

**定位**：注意这件不是技能，是Agent基建——一个单一静态二进制，给Agent提供**大数据集上的深度记忆**。它出现在本周生态榜上，恰好补齐了一个视角。

**亮点**：当下Agent记忆的主流路线是文件记忆——把家底写成Markdown，塞进上下文。这条路线轻、透明、好改，但数据一大就露怯：几百万行的语料，靠模型翻文件是翻不动的。leviathan走的是反方向：把记忆做成数据问题，用一个静态二进制在数据集上做深度检索。对Agent来说，这意味着记忆的容量上限从「上下文窗口」换成了「磁盘」。

「单一静态二进制」这个交付形态也值得单独说：零依赖、拷过去就能跑，对自托管Agent是极大的部署善意——没有Python版本地狱，没有npm依赖树，一个文件就是全部。

**短板**：它和技能生态的关系是「配合」而非「原生」——接入需要自己写胶水，没有SKILL.md一键即用的顺滑；698星还在早期，大数据集场景的真实表现有待更多实战反馈。

**一句话**：文件记忆和二进制记忆两条路线开始分岔，这一周是分岔可见的时间点。

## 本周设计模式提炼：三个可以直接抄的写法

把五件放在一起看，有三个写法已经反复出现，写你自己的SKILL.md时可以照抄：

1. **输出契约型**（answer-me-with-html）：整个技能就干一件事——把输出格式钉死成不可协商的合同。SKILL.md里最有价值的一句话不是「请如何如何」，而是「输出必须是X，不是X就重来」。格式约束越硬，产出越稳定。
2. **配置驱动型**（live-panel-skill）：让技能产出JSON/YAML配置而不是代码。幻觉面小、可校验、可diff、可版本管理。凡是「最终产物结构固定」的场景，都应该考虑这刀法。
3. **流水线编排型**（replica-skill）：把大任务拆成多个技能，段与段之间定义清楚交接物，末段必须有验收，验收不过要能回流。11个文件管一条流水线，比一个万能提示词可靠得多。

## 安装方式

以上技能仓库均按标准技能目录结构安装到 Claude Code 的个人技能目录即可（Windows 路径为 `%USERPROFILE%\.claude\skills\`）：

```bash
# answer-me-with-html
git clone https://github.com/QingYunA/answer-me-with-html ~/.claude/skills/answer-me-with-html

# lemo-opuscar
git clone https://github.com/lemomo-ai/lemo-opuscar ~/.claude/skills/lemo-opuscar

# replica-skill（11件套装，建议按仓库README的说明整体安装）
git clone https://github.com/Jakeschincariol/replica-skill ~/.claude/skills/replica-skill

# live-panel-skill
git clone https://github.com/ythx-101/live-panel-skill ~/.claude/skills/live-panel-skill
```

克隆完成后重启会话即会被索引。leviathan 是独立二进制形态，按其仓库说明下载对应平台产物、再在Agent侧配置接入点。各仓库若有专属安装器，以仓库README为准。

## 推荐排行榜

- **综合首选**：answer-me-with-html —— 一个改动点打穿一个场景，本周设计密度最高
- **最值得抄设计**：replica-skill（流水线+验收回流）、answer-me-with-html（输出契约）
- **内容创作者首选**：lemo-opuscar —— 43风格条目库+零视频模型成本
- **团队演示/值班场景**：live-panel-skill —— 一份JSON换一面活屏
- **基建爱好者关注**：leviathan —— Agent记忆路线分岔的信号
- **观望即可**：shaders —— 组件库而非技能，等它与Agent工作流的结合方式明朗

## 参考来源

1. [QingYunA/answer-me-with-html](https://github.com/QingYunA/answer-me-with-html) — 用一页HTML回答难题的Agent技能仓库
2. [lemomo-ai/lemo-opuscar](https://github.com/lemomo-ai/lemo-opuscar) — 无视频模型短片技能，43种电影风格
3. [Jakeschincariol/replica-skill](https://github.com/Jakeschincariol/replica-skill) — 逆向、重建、测试三段式的App克隆技能套装
4. [ythx-101/live-panel-skill](https://github.com/ythx-101/live-panel-skill) — JSON驱动的常驻动画架构面板技能
5. [elstongun/leviathan](https://github.com/elstongun/leviathan) — 单静态二进制的Agent深度记忆基建
6. [rehan-remade/universal-modder](https://github.com/rehan-remade/universal-modder) — 本周新架榜首，任意游戏Mod技能集

> [!tip] 51学通信知识星球
> **星主：爱卫生**（微信：gprshome201101）——公众号「51学通信」创办者，19 年通信行业运维与讲师经验，著有《GPRS网络信令实例详解》《EPC原理与实践》《5G核心网原理与实践》三本纸质书（各大电商平台有售）。
> **星球定位**：深耕 5G 核心网、IMS、NFV/AI、云原生等 ICT 领域，主打运维岗位与信令分析。
> **当前规模**：5200 篇主题 / 990 个回答，198 元/年。
> **加入福利**：加入星球后请加爱卫生微信，拉您进知识星球年度陪伴与答疑群——不限量回复您的各种问题，另有群内分享。
> **AI 加持**：51学通信知识星球已作为 skill 接入 WorkBuddy，使用 deepseek-4-flash 在海量星球帖子中精准找贴、找视频、找 FAQ 和案例，做总结、找文档和 PPT 等场景全覆盖。

![51学通信知识星球海报-扫码加入](https://wiki.500nian.com/images/zhixingqiu_qrcode.png)