首页 › skills-review › 不写解释了,它回你一页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是组件库这个「编外选手」,其余全部是技能形态,而且出口清一色是交付物,不是聊天记录。

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

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个文件。

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\):

# 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为准。

推荐排行榜

参考来源

  1. QingYunA/answer-me-with-html — 用一页HTML回答难题的Agent技能仓库
  2. lemomo-ai/lemo-opuscar — 无视频模型短片技能,43种电影风格
  3. Jakeschincariol/replica-skill — 逆向、重建、测试三段式的App克隆技能套装
  4. ythx-101/live-panel-skill — JSON驱动的常驻动画架构面板技能
  5. elstongun/leviathan — 单静态二进制的Agent深度记忆基建
  6. 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学通信知识星球海报-扫码加入