从 Anthropic 官网学审美:Kami Skill,给你的内容加上一层“纸质阅读感”

0 阅读20分钟

20260515-173128.jpg

文章导读:

在 AI 信息疯长的时代,内容并不稀缺,稀缺的是更具美学与秩序的表达方式。近期爆火的开源 Skill —— Kami,以类似 Anthropic 官网的“纸感美学”为核心,通过米色底调、衬线字体与极简排版,让信息拥有高级出版物般的阅读体验。本文将结合 302.AI 客户端的使用,通过多场景案例,实测 Kami Skill 在内容设计、信息整理与视觉表达上的实际表现,看看它能否成为 AI 时代内容创作者的“高级滤镜”。

全文约 3300 字

这两年如果你曾浏览过 Anthropic 的官网(anthropic.com),你一定会对它那种“反科技感”,远离“赛博朋克/科技感”的审美留有印象:它不使用任何高饱和度,刺眼的亮色,也没有杂乱的动态特效,仅使用统一的米色底调,配上克制、优雅的 衬线字体,仿佛让浏览器从冰冷的屏幕变成了一张充满质感的信笺。在如今互联网充斥着Vibe Coding出的渐变霓虹感、厚重阴影的设计中,这种“纸感美学”堪称是一股清流,让人读得进去,也静得下来。

未标题-1.png

好的设计,从来不是为了堆砌视觉,而是为了衬托内容。

如果你喜欢这类美学,那么最近有一款已收获超过5k star的设计类开源Skill:Kami,其视觉风格不禁让人联想到Anthropic,值得你的关注与尝试。

Kami 是专为那些追求“阅读体验”的创作者而生的。它的核心理念极其纯粹:不做冗余,只留本质。 它不是要把你的文档装扮得花枝招展,而是通过精巧的布局设计,让每一行文字都能像印在高级书页上一样,拥有完美的阅读节奏。对于那些写深度文章、做在线发布、或者单纯想给自己的作品找个“高级模版”的人来说,Kami 提供了一种足够便捷的视觉解决方案。

今天,302.AI不谈复杂的工程,就来实测下在如今 AI 生成海量内容的时代,通过这个Skill,我们是否能通过便捷的方式获得更高质量的内容设计。

I. Kami Skill 基础信息

作者:tw93

地址:github.com/tw93/kami

1. 什么是 Kami Skill?

Kami (紙, かみ) 日文中纸的意思。简单来说,Kami 是一个内容排版与发布的技能。如果把传统的网页发布比作精装修,那 Kami 就是一套自带高级感滤镜的简装模版。它不要求你懂前端代码,只要你提供指定内容,Kami 就能将其转化为一套现代极简审美的网页界面。它通过一套精心调优的 CSS 和 JS 逻辑,把原本平庸的文字内容,包装成如同高端电子杂志一样的阅读体验。

2. Kami 有什么核心特色?

Kami 的特色不在于功能堆叠,而在于它的“减法”哲学:

阅读舒适为导向: 开发者tw93在文字排版上花了极大的心思。它内置的字重、行距、边距比例,让你即便面对几千字的长文,也不会觉得视觉疲劳。它就是那种让你读完还想读的界面。

极致的响应式处理: 无论你是用 iPhone、平板还是 4K 显示器查看,排版永远稳定,它不会因为屏幕尺寸变化而让你看到尴尬的断行或错位。

Zero-Config 零配置需求: 不需要你去配置复杂的服务器、数据库。对于普通用户,它几乎是拿来即用。你只需要把你的内容扔给它,剩下的审美,Kami 全包了。

极简但可控的个性化: 虽然简洁,但它保留了必要的自定义空间。对于有审美要求的人来说,你可以轻松调整它的底色和主题,让它符合你的个人需求。

表格总结:

特色说明
统一设计语言暖色羊皮纸底色 + 墨蓝色强调色 + 衬线字体层级,一套约束系统覆盖所有文档类型
8 种文档模板一页纸、长文档、正式信函、作品集、简历、幻灯片、个股研报、更新日志
14 种内置图表架构图、流程图、象限图、柱状图、折线图、环形图、状态机、时间线、泳道图、树状图、分层图、维恩图、K线图、瀑布图
多语言支持中文(仓耳今楷02)、英文(Charter)、日文(YuMincho)
自动格式选择根据上下文自动决定输出 HTML + PDF,幻灯片额外输出 PPTX,分享场景输出 PNG
品牌配置文件支持 ~/.config/kami/brand.md 持久化个人/企业品牌信息

3. 它适用于哪些场景?

你不需要技术背景,只要你有内容输出的需求,Kami 都能为你加分:

AI 写作的“精装版”展示: 很多人用 AI 生成了高质量的文章或研究报告,但复制到 Word 或普通编辑器里就显得平庸。用 Kami 发布,瞬间把 AI 生成的内容提升到“专业白皮书”的档次。

高颜值的在线简历/Portfolio: 如果你是设计、文字工作者或策划,用 Kami 发布的在线简历,比 PDF 链接显得更高级、更具数字时代的科技感。

项目路演/产品发布说明: 告别冗长、毫无设计的 PPT,直接发送一个 Kami 生成的网页链接。简洁、聚焦、高级,让你的观众在阅读时能完全专注于你的观点,而不是被花哨的界面分散注意力。

私人的“数字书斋” : 如果你有写技术笔记或读后感的习惯,Kami 能帮你搭建一个极简、耐看的个人知识库,没有杂音,只有你和文字。

II. 安装使用Kami Skill

以下教程针对302.AI客户端进行演示,还未下载安装的用户可前往studio.302.ai/zh进行下载。

1. 安装Skills

打开客户端「设置」菜单,找到「Skills」页面,点击右上角「安装」按钮。

302.AI支持4种模式对Skills进行安装,这里我们使用GitHub 链接的方式。

github.com/tw93/kami

导入上述链接,即可零配置,自动完成安装。

2. 激活使用 Skills

在新窗口,选择好自己希望使用的模型后,选择「Vibe模式」,点击「搜索Skills」按键选择需要激活使用的Skills.

找到html-ppt,点击「使用」

回到首页,即可看到已激活技能。

III. 实战案例

使用配置: 302.AI 客户端 Vibe 模式 + Kimi K2.6 + Kami skill

案例1- 文章信息归纳

任务目标:使用302.AI往期文章的截选部分,测试该技能是否能够合理有效提取信息,进行排版设计。

提示词:

制作一个16:9横幅的一页纸。

内容:Skills 要解决的,正是 MCP 没有解决的问题。

Skills 的本质是什么?

是把完成某个任务的完整过程打包在一起:

该调用哪些工具

按什么顺序调用

每一步的提示词怎么写

遇到错误怎么处理

所有的经验,都封装在一个 Skill 里。

不只是解决了”工具能不能用”的问题,还解决了”工具怎么用好”的问题。

这就像 APP带给用户的体验。

你在手机上安装一个 APP,不需要知道它内部怎么实现的,打开就能用。

Skills 也一样。

你不需要自己写提示词、调试工具链,直接导入一个 Skill,即插即用。

只不过 APP 是给人用的,Skills 是给 AI 用的。 我们举一个具体案例:现在你需要让 Agent 帮你做竞品分析:

没有 Skills:你需要自己写提示词,告诉 LLM 去搜索竞品网站、提取关键信息、生成对比表格,调试半天。

使用 Skills:AI直接调用一个”竞品分析 skill”,输入竞品名称,几秒钟出结果,效率显著提升。

经验可复用,知识可传播。

这才是 Skills 真正的价值。

它把 Agent 从”每次都要手工调教”,变成了”直接安装应用”。

这就是为什么我说,Skills 是 Agent 的应用生态。

Kami输出结果:

Kami输出的文件包括 html 源文件以及pdf

案例2-简历制作

任务目标:提供指定人物的信息,照片,设定需要的信息范围,自行搜集整理完成简历的排版设计。

提示词:

Kami输出结果:

未标题-3.png

案例3-个股研报

任务目标:提供指定公司的信息,图片,设定需要的信息范围,自行搜集整理完成研报的排版设计。

提示词:

Kami输出结果:

222.png

案例4-PPT制作

任务目标:提供指定人物的信息,照片,设定需要的信息范围,自行搜集整理完成简历的排版设计。

提示词:

制作幻灯片。

内容:2026年1月至5月,在AI视频生成领域的所有要闻(新模型发布,关停,媒体用户反响等维度)的PPT,按照月度时间线进行,6页以内。

Kami 输出结果:

制作幻灯片除了输出html源文件外,还可以输出pptx文件。

PPT截图展示:

未标题-4.png

附上一期使用 html-ppt skill 制作的同主题 PPT 展示:


IV. Kami Skill小结

通过本次 4 则案例的测试,我们直观了解到了 Kami Skill 的能力边界,也对其适用性有了进一步了解:

从结果来看,Kami 的最大亮点便在于其统一性极高的视觉效果:米色系底色配藏青/深灰文字,类似高级出版物。相比上一期 html-ppt 的“网页 UI 风格”,Kami 更像是一份精心排版的数字纸张。它的字体层级处理优秀,标题、正文、表格之间的呼吸感出色,没有多余的线条或花哨装饰。

除开视觉上的好看,它生成的内容更具备极高的可读性。特别是在个股研报和文章信息归纳这种包含大量结构化数据和逻辑链的页面中,Kami 将枯燥的信息转化为了具备逻辑美感的阅读体验

推荐使用场景:
  1. 深度观点发布(文章/综述) : 像案例中1的《Agent 生态综述》,它通过极简的排版,让长文产生一种正式感,非常适合作为行业深度研报或观点总结的载体。

  2. 个人/品牌简历: 如简历案例2,Kami 处理这种信息密度适中、包含头像和列表的页面时,显得相当精致。它让简历摆脱了传统简历的廉价感,看起来更像是一份具有逻辑美感的设计作品。

  3. 价值导向的研报: 像个股研报案例,Kami 成功将繁杂的财务数据变成了清晰的阅读体验。对于金融、咨询、行业分析类内容,这种风格能赋予内容一种冷静、客观的视觉权威。

不推荐的场景:

在制作PPT的案例4中,我使用“一句话提示词”进行生成。从结果来看,文字内容过少,整体视觉上极为空洞。此外,缺乏动效,转场,交互等“炫技”亮点,造成整份PPT只是纯静态的简单文字铺陈,缺乏吸引力。

另外,如果你需要制作数据看板类内容,虽然Kami能生成各类图表,但由于是静态生成,数据无法进行即时交互,显然不如html类的数据面板。

总结来看,在当下 AI 疯狂产出信息的时代,我们并不缺内容,我们缺的是将内容以更具美学的方式呈现给观众。而 Kami,或许正是让你的内容在信息轰炸中脱颖而出的“高级滤镜”。这两年如果你曾浏览过 Anthropic 的官网(anthropic.com),你一定会对它那种“反科技感”,远离“赛博朋克/科技感”的审美留有印象:它不使用任何高饱和度,刺眼的亮色,也没有杂乱的动态特效,仅使用统一的米色底调,配上克制、优雅的 衬线字体,仿佛让浏览器从冰冷的屏幕变成了一张充满质感的信笺。在如今互联网充斥着Vibe Coding出的渐变霓虹感、厚重阴影的设计中,这种“纸感美学”堪称是一股清流,让人读得进去,也静得下来。

好的设计,从来不是为了堆砌视觉,而是为了衬托内容。

如果你喜欢这类美学,那么最近有一款已收获超过5k star的设计类开源Skill:Kami,其视觉风格不禁让人联想到Anthropic,值得你的关注与尝试。

Kami 是专为那些追求“阅读体验”的创作者而生的。它的核心理念极其纯粹:不做冗余,只留本质。 它不是要把你的文档装扮得花枝招展,而是通过精巧的布局设计,让每一行文字都能像印在高级书页上一样,拥有完美的阅读节奏。对于那些写深度文章、做在线发布、或者单纯想给自己的作品找个“高级模版”的人来说,Kami 提供了一种足够便捷的视觉解决方案。

今天,302.AI不谈复杂的工程,就来实测下在如今 AI 生成海量内容的时代,通过这个Skill,我们是否能通过便捷的方式获得更高质量的内容设计。


I. Kami Skill 基础信息

作者:tw93

地址:github.com/tw93/kami

  1. 什么是 Kami Skill?

Kami (紙, かみ) 日文中纸的意思。简单来说,Kami 是一个内容排版与发布的技能。如果把传统的网页发布比作精装修,那 Kami 就是一套自带高级感滤镜的简装模版。它不要求你懂前端代码,只要你提供指定内容,Kami 就能将其转化为一套现代极简审美的网页界面。它通过一套精心调优的 CSS 和 JS 逻辑,把原本平庸的文字内容,包装成如同高端电子杂志一样的阅读体验。

  1. Kami有什么核心特色?

Kami 的特色不在于功能堆叠,而在于它的“减法”哲学:

阅读舒适为导向: 开发者tw93在文字排版上花了极大的心思。它内置的字重、行距、边距比例,让你即便面对几千字的长文,也不会觉得视觉疲劳。它就是那种让你读完还想读的界面。

极致的响应式处理: 无论你是用 iPhone、平板还是 4K 显示器查看,排版永远稳定,它不会因为屏幕尺寸变化而让你看到尴尬的断行或错位。

Zero-Config 零配置需求: 不需要你去配置复杂的服务器、数据库。对于普通用户,它几乎是拿来即用。你只需要把你的内容扔给它,剩下的审美,Kami 全包了。

极简但可控的个性化: 虽然简洁,但它保留了必要的自定义空间。对于有审美要求的人来说,你可以轻松调整它的底色和主题,让它符合你的个人需求。

表格总结:

特色说明
统一设计语言暖色羊皮纸底色 + 墨蓝色强调色 + 衬线字体层级,一套约束系统覆盖所有文档类型
8 种文档模板一页纸、长文档、正式信函、作品集、简历、幻灯片、个股研报、更新日志
14 种内置图表架构图、流程图、象限图、柱状图、折线图、环形图、状态机、时间线、泳道图、树状图、分层图、维恩图、K线图、瀑布图
多语言支持中文(仓耳今楷02)、英文(Charter)、日文(YuMincho)
自动格式选择根据上下文自动决定输出 HTML + PDF,幻灯片额外输出 PPTX,分享场景输出 PNG
品牌配置文件支持 ~/.config/kami/brand.md 持久化个人/企业品牌信息
  1. 它适用于哪些场景?

你不需要技术背景,只要你有内容输出的需求,Kami 都能为你加分:

AI 写作的“精装版”展示: 很多人用 AI 生成了高质量的文章或研究报告,但复制到 Word 或普通编辑器里就显得平庸。用 Kami 发布,瞬间把 AI 生成的内容提升到“专业白皮书”的档次。

高颜值的在线简历/Portfolio: 如果你是设计、文字工作者或策划,用 Kami 发布的在线简历,比 PDF 链接显得更高级、更具数字时代的科技感。

项目路演/产品发布说明: 告别冗长、毫无设计的 PPT,直接发送一个 Kami 生成的网页链接。简洁、聚焦、高级,让你的观众在阅读时能完全专注于你的观点,而不是被花哨的界面分散注意力。

私人的“数字书斋” : 如果你有写技术笔记或读后感的习惯,Kami 能帮你搭建一个极简、耐看的个人知识库,没有杂音,只有你和文字。


II. 安装使用Kami Skill

以下教程针对302.AI客户端进行演示,还未下载安装的用户可前往studio.302.ai/zh进行下载。

1.安装Skills

打开客户端「设置」菜单,找到「Skills」页面,点击右上角「安装」按钮。

302.AI支持4种模式对Skills进行安装,这里我们使用GitHub 链接的方式。

github.com/tw93/kami

导入上述链接,即可零配置,自动完成安装。

2.激活使用Skills

在新窗口,选择好自己希望使用的模型后,选择「Vibe模式」,点击「搜索Skills」按键选择需要激活使用的Skills.

找到html-ppt,点击「使用」

回到首页,即可看到已激活技能。


III. 实战案例

使用配置: 302.AI客户端Vibe模式 + Kimi K2.6 + Kami skill

案例1- 文章信息归纳

任务目标:使用302.AI往期文章的截选部分,测试该技能是否能够合理有效提取信息,进行排版设计。

提示词:

制作一个16:9横幅的一页纸。

内容:Skills 要解决的,正是 MCP 没有解决的问题。

Skills 的本质是什么?

是把完成某个任务的完整过程打包在一起:

该调用哪些工具

按什么顺序调用

每一步的提示词怎么写

遇到错误怎么处理

所有的经验,都封装在一个 Skill 里。

不只是解决了”工具能不能用”的问题,还解决了”工具怎么用好”的问题。

这就像 APP带给用户的体验。

你在手机上安装一个 APP,不需要知道它内部怎么实现的,打开就能用。

Skills 也一样。

你不需要自己写提示词、调试工具链,直接导入一个 Skill,即插即用。

只不过 APP 是给人用的,Skills 是给 AI 用的。 我们举一个具体案例:现在你需要让 Agent 帮你做竞品分析:

没有 Skills:你需要自己写提示词,告诉 LLM 去搜索竞品网站、提取关键信息、生成对比表格,调试半天。

使用 Skills:AI直接调用一个”竞品分析 skill”,输入竞品名称,几秒钟出结果,效率显著提升。

经验可复用,知识可传播。

这才是 Skills 真正的价值。

它把 Agent 从”每次都要手工调教”,变成了”直接安装应用”。

这就是为什么我说,Skills 是 Agent 的应用生态。

Kami输出结果:

Kami输出的文件包括 html 源文件以及pdf

案例2-简历制作

任务目标:提供指定人物的信息,照片,设定需要的信息范围,自行搜集整理完成简历的排版设计。

提示词:

Kami输出结果:

案例3-个股研报

任务目标:提供指定公司的信息,图片,设定需要的信息范围,自行搜集整理完成研报的排版设计。

提示词:

Kami输出结果:

案例4-PPT制作

任务目标:提供指定人物的信息,照片,设定需要的信息范围,自行搜集整理完成简历的排版设计。

提示词:

制作幻灯片。

内容:2026年1月至5月,在AI视频生成领域的所有要闻(新模型发布,关停,媒体用户反响等维度)的PPT,按照月度时间线进行,6页以内。

Kami输出结果:

制作幻灯片除了输出html源文件外,还可以输出pptx文件。

PPT截图展示:

附上一期使用html-ppt skill制作的同主题PPT展示:


IV. Kami Skill小结

通过本次4则案例的测试,我们直观了解到了Kami Skill的能力边界,也对其适用性有了进一步了解:

从结果来看,Kami 的最大亮点便在于其统一性极高的视觉效果:米色系底色配藏青/深灰文字,类似高级出版物。相比上一期 html-ppt 的“网页 UI 风格”,Kami 更像是一份精心排版的数字纸张。它的字体层级处理优秀,标题、正文、表格之间的呼吸感出色,没有多余的线条或花哨装饰。

除开视觉上的好看,它生成的内容更具备极高的可读性。特别是在个股研报和文章信息归纳这种包含大量结构化数据和逻辑链的页面中,Kami 将枯燥的信息转化为了具备逻辑美感的阅读体验

推荐使用场景:
  1. 深度观点发布(文章/综述) : 像案例中1的《Agent 生态综述》,它通过极简的排版,让长文产生一种正式感,非常适合作为行业深度研报或观点总结的载体。

  2. 个人/品牌简历: 如简历案例2,Kami 处理这种信息密度适中、包含头像和列表的页面时,显得相当精致。它让简历摆脱了传统简历的廉价感,看起来更像是一份具有逻辑美感的设计作品。

  3. 价值导向的研报: 像个股研报案例,Kami 成功将繁杂的财务数据变成了清晰的阅读体验。对于金融、咨询、行业分析类内容,这种风格能赋予内容一种冷静、客观的视觉权威。

不推荐的场景:

在制作 PPT 的案例4中,我使用“一句话提示词”进行生成。从结果来看,文字内容过少,整体视觉上极为空洞。此外,缺乏动效,转场,交互等“炫技”亮点,造成整份 PPT 只是纯静态的简单文字铺陈,缺乏吸引力。

另外,如果你需要制作数据看板类内容,虽然 Kami 能生成各类图表,但由于是静态生成,数据无法进行即时交互,显然不如 html 类的数据面板。

总结来看,在当下 AI 疯狂产出信息的时代,我们并不缺内容,我们缺的是将内容以更具美学的方式呈现给观众。而 Kami,或许正是让你的内容在信息轰炸中脱颖而出的“高级滤镜”。

20260129-175111.jpg