【Skill 创作】paper-code-html：一键生成精美科研风格论文代码解析网页

云山鬼谣 · 2026 年5 月 16 日 04:33

skill链接

GitHub：LeoGoat2004/paper-code-html-skill: TRAE SOLO Skill: 论文与代码深度解析

ClawHub：生成精美科研风格 HTML 文档，深度解析论文与对应代码实现。 — ClawHub

idea来源

一个AI Agent生成的20个独立的.html文件，取代了一整堵“Markdown墙”。其中的每一个文件，都把你原本只会“粗略浏览”的文档，变成了你“真正会去阅读”的文档——直接在浏览器中打开任意一个即可体验。它们按照所取代的工作类型进行了分组。

翻译自：The unreasonable effectiveness of HTML — examples

这阵刷到的新闻，让ai输出html而不是md，可以大大增加可读性，并具备很多md格式不具备的功能性。最近也是在读论文看代码，于是想做一个可以理解分析讲解论文与其对应代码，并生成html结果文件的skill。

应用场景

帮助快速理解论文与其对应代码，可要求重点关注某一部分。主要用于学习科研，组会展示等等场景。

创作过程

skill全部内容都在TRAE SOLO中完成，过程中协调处理了以下几个主要问题：

用户需要提供什么？

三个必需信息，一个可选信息。必需信息包括论文路径，对应代码项目路径，html保存路径；可选信息则为对本次生成任务有什么额外要求，比如重点分析方法框架，或者查证代码等等。

html界面如何设计？

一开始其实并没有针对设计，只是提到精美科研风格，但是我之前安装过frontend-design这个ui设计skill，于是TRAE SOLO自己调用了，效果很不错。但如果不调用，测试结果很“丑陋”，可读性差很多。所以在skill中直接加入使用frontend-design进行设计的要求，如果用户没有该skill，则提醒用户是否还要继续生成。至于生成内容的模板，skill中有科研风格的设计，frontend-design主要起到美观性、可读性的设计。

完善小问题

主要包含两个小问题，一个是在检查时发现skill中包含我本地的工作目录，让TRAE SOLO替换为可以理解且不涉及我个人目录的举例方式。另一个是由于该skill的生成和测试都在TRAE SOLO中完成，skill中包含了针对TRAE SOLO具体工具的使用，比如AskUserQuestion。为了确保该skill能适配所有ai工具，将不重要的细节部分去除了TRAE SOLO的个性化处理。