今天发点适合做配图的东西。
做自媒体这件事，写文章只是基础，配图能力也越来越重要。现代人已经很难去认认真真的看完一篇长文了，反而是有趣的配图会多看两眼。
这里给大家推荐一个超有趣的配图项目：ian-xiaohei-illustrations，我一般叫小黑 Skill。
微信关注回复 “开源”，加入AI开源项目交流群
01. 项目简介
helloianneo/ian-xiaohei-illustrations 是 Ian 开源的一个 Codex Skill，生图逻辑是把文章里的判断、流程、状态和隐喻，生成一张张白底、手绘、怪诞但清爽的正文配图。
小黑长这样：黑色实心、白点眼、细腿、表情空空。
小黑 Skill 出来的画面一般是 16:9 白底手绘，几句红橙蓝中文批注，留白很多，看起来像产品设计师在白纸上随手画的解释草图。
项目地址：https://github.com/helloianneo/ian-xiaohei-illustrations
02. 项目实测
case 1 配图规划
小黑 Skill 有几种用法，第一种是做配图规划，用我们以往的文章测试一下。
提示词：
用小黑 Skill 先不要生图。 请分析下面这篇文章哪里值得配图，输出 5 张左右的 shot list。 每张图写清楚：放在哪段后、主题、核心意思、结构类型、小黑在做什么、建议中文标注词。
文章：
今天发点适合学术党的东西。
如今 AI 学术工具越来越多了，写作速度提上去了，但是仔检查一遍就漏洞百出。
更难受是 AI 能把一个观点写得非常坚定，但引用的原始文献却不一定真的支持这个观点。
最近我在 GitHub 上看到一个学术研究项目，专门解决这类问题，已经 30K Star 了。
图片
01
项目简介
Academic Research Skills（ARS）是一套面向 Claude Code 的开源学术研究 Skill 包。它把选题、文献检索、论文写作、同行评审、修订、格式整理这些环节拆开，让 AI 分阶段参与，关键判断还是留给我们。
这个项目覆盖从选题研究、文献检索、论文写作、同行评审、修订，到最终格式化与过程总结的完整学术工作流。
图片
这个项目里面主要包含四组 Skill：
Deep Research：做深度研究、文献综述、系统性回顾、事实核查。
图片
Academic Paper：辅助论文写作、摘要生成、格式转换、引用格式检查、LaTeX / PDF 输出。
图片
Academic Paper Reviewer：模拟同行评审，从多个角度审论文，给出质量评分和修改建议。
图片
Academic Pipeline：把研究到出稿的流程串起来，按阶段推进，并在中间加入学术诚信检查。
图片
使用起来也特别简单。
如果我们已经在用 Claude Code，两行命令就能直接装好插件。
/plugin marketplace add Imbad0202/academic-research-skills
/plugin install academic-research-skills
图片
02
项目实测
项目中的四组skill是相辅相成的，十几个skill会在我们论文的完成过程中交替出现。比如我们让项目引导我们写一篇论文：
提示词：引导我写一篇关于少子化影响的论文。
Academic Paper这组skill里的plan mode skill就会来用引导式的的方法帮我们规划一篇论文。
图片
通过提问的方式，获取论文现在的进度，以及我们想要用哪种结构。
图片
在我们回答完进度与选择好论文结构后，又会根据目前论文进度，推荐我们先进行deep-research。
图片
当然，在deep-research时也会通过反问确定一些论文的方向问题。
<点击图片上下滑动查看全部内容>
可以看到，这里转到了 Academic Paper 这个skill组的full mode流程。
进程直接进入 Phase 1：为我们产出了研究问题简报和方法论蓝图。
还会细心的确认一些方向性问题，才会进行文献搜索，流程真的很细致了。
<点击图片上下滑动查看全部内容>
我觉得分了四个方向的文献搜索结果已经很全了，但是没想到它居然还能列出了一些局限性的点。
<点击图片上下滑动查看全部内容>
在Phase 3: 分析与综合做完之后，给了我们两个选项：
进入 Phase 4：直接撰写完整研究报告。
或者带着这份研究基础回到 academic-paper 的 Plan 模式，进入逐章引导规划。
第二个选项就是回归我们最初的目标，积累文献后再做论文规划。
图片
我们就有初始文献收集了，进度不再是一片空白。而且通过刚才的过程，也提炼出了我们这篇论文的核心主张。
<点击图片上下滑动查看全部内容>
有了核心论点，就会帮我们逐章规划。ARS不会直接帮我们写完全文，而是通过skill进行一系列的问答，尽量去融入我们的观点。
一轮问询后，如果没有修改，就会进入 full mode 让 AI 写完整论文初稿。
<点击图片上下滑动查看全部内容>
这个项目的精髓是在学术诚信闸门和引用审计。
我们简单问一句「帮我审查整篇论文。」，ARS 会在论文流程里专门插入检查节点，去查虚构引用、数据错误、claim 没有被文献支撑、方法论包装、AI 幻觉结果这些问题。
具体的体现就是直接调用Academic Paper Reviewer这组skill来完成。
<点击图片上下滑动查看全部内容>
可以看到 ARS 会在大方向上通过很多个维度给我们论文打分，也会落到实处告诉我们哪些段落或者句子需要修改。
<点击图片上下滑动查看全部内容>
可以看到最后的结果，结构很完整，内容也很充实。作为一篇课程级别的论文，已经算拿得出手了。
03
挖一挖
相比于写出一篇完整的论文，我更关心的是 ARS 背后的做法：把学术研究拆成一套能重复执行、能留下过程、能被检查的 AI 工作流。
学校可以拿 ARS 做论文写作辅导，也可以做学术诚信检查。科研团队能用 ARS 做文献综述和项目预研。期刊、教育机构可以拿来做初筛审稿。企业里的研发、咨询、投研团队，也能用类似流程检查报告里的证据链。
尤其是“引用审计”和“claim 支撑检查”这些功能，很可能会成为未来 AI 学术工具的核心收费点。
现在很多 AI 工具还停在「帮你写得更像论文」这一层，但真正的麻烦没有解决：每个结论有没有文献支撑？引用有没有被曲解？数据是不是从别的语境里搬来的？
AI 不必抢着把专业工作一口气做完。更优秀的做法是，能嵌进专业流程里，帮人追问、查证、复核，把那些最容易被忽略的环节补上。
几分钟就选完了五个配图点：
这 5 个点选得整体不错，抓住了文章里的几个读者脑子会停一下的位置。这组图没有按功能模块平均铺开，选的是文章里真正需要建立判断的位置。。
case 2 正文配图
第二种使用方式是直接生成正文配图，给他一片文章，直接给你配好图。
提示词：用小黑 Skill 把下面这篇文章生成 4 张小黑怪诞正文配图。 要求：16:9 横版、纯白背景、黑色手绘线稿、少量红橙蓝中文手写批注。
文章：
今天发点适合做前端的东西。
说实话，现在有的 AI Agent 前端审美极差，布局过于居中、卡片堆叠、渐变滥用、留白和层级不自然、动效缺少节奏、字体和间距没有高级感，做出来的网页很廉价，其中的代表便是 Codex。
前几天终于在 GitHub 上发现一个叫 Taste Skill 的项目能解决AI Agent 审美差的问题，项目仓库目前已有约 4 万多 Stars。
图片
01
项目简介
Taste Skill 是面向 AI Agent 的前端设计技能库，目标是帮助 AI 摆脱模板化、同质化、缺乏审美的前端。
把布局、排版、动效、间距、视觉密度、设计语言这些原本需要设计经验判断的东西，转化成可被 AI Agent 读取和执行的 SKILL.md 指令，来提升 AI 生成界面时的设计判断力。
Taste Skill 目前包含多种不同用途的技能模块，每个模块解决一个具体问题：
design-taste-frontend
默认Skill，会根据需求推断设计语言，并通过几个关键维度控制输出，比如布局变化度、动效强度、信息密度等。
gpt-taste
适合 GPT/Codex 的严格版本，对布局变化、GSAP 动效、反模板化要求更高。
image-to-code
适合需要先做网页参考图、再让 AI 还原成前端代码的场景。
redesign-existing-projects
用于改造已有项目。先审查现有 UI，再修复布局、间距、层级、视觉风格等问题。
high-end-visual-design
偏高端、克制、精致的视觉风格，强调柔和对比、留白、字体质感和自然动效。
minimalist-ui
偏 Notion、Linear 一类的现代极简产品界面，适合 SaaS、工具型产品、开发者产品和内容型后台。
industrial-brutalist-ui
偏工业风、粗粝感、瑞士字体、强对比和实验性布局，适合更有个性、更锋利的视觉表达。
full-output-enforcement
用于约束 AI 不要只给半成品、占位符或省略代码，适合处理 Agent 输出不完整的问题。
图片生成相关技能
包括 imagegen-frontend-web、imagegen-frontend-mobile、brandkit，用于生成网站视觉稿、移动端界面流、品牌视觉板等参考图，再交给 Codex、Cursor 或 Claude Code 实现。
Taste Skill 的安装方式很简单，可以通过 CLI 直接安装：
npx skills add https://github.com/Leonxlnx/taste-skill
如果只想安装某一个技能，也可以指定 skill 名称：
npx skills add https://github.com/Leonxlnx/taste-skill –skill “design-taste-frontend”
项目也支持更轻量的使用方式：直接复制任意 SKILL.md 到项目里，或者粘贴到 ChatGPT / Codex 对话中使用。
02
项目实测
Codex 实测 1
让我们无 Skill 和有 Skill 两种情况分别生成一个网页，对比一下效果。
无 Skill：
提示词：
帮我从零实现一个AI Agent 产品官网首屏，不使用任何skill。
产品名：LoopPilot
产品定位：一个帮助团队自动规划、执行、复盘任务的 AI Agent 工作台。
目标用户：独立开发者、小团队、AI 产品经理。
页面气质：不要普通 SaaS 模板感，不要大面积蓝紫渐变，不要堆卡片。希望有高级、克制、清晰的信息层级，同时带一点未来感和工具感。
请完成以下内容：
1. 设计一个完整首屏
– 包含产品名、主标题、副标题、主要 CTA、次要 CTA
– 展示 3 个核心能力：自动拆解任务、持续执行、复盘优化
– 需要有一个产品界面预览区域，但不要像普通 dashboard 模板
– 首屏要有明显视觉记忆点
2. 设计风格要求
– 使用非模板化布局，避免所有内容居中堆叠
– 字体层级清晰，标题有冲击力但不能粗糙
– 色彩控制在 3-5 个主色以内
– 动效可以有，但要服务信息表达，不要炫技
– 页面需要适配移动端和桌面端
3. 代码要求
– 请直接输出完整可运行代码
– 不要使用占位符，不要省略任何关键代码
– 不要只给设计建议，要真正实现页面
– 如果使用组件，请确保所有组件都完整写出
– 如果需要样式，请完整写出 CSS / Tailwind class
4. 验收标准
– 页面第一眼不能像 AI 默认生成的 SaaS 模板
– 视觉层级清楚，CTA 明显
– 移动端 9:16 截图时也要成立
– 所有文字都不能溢出或重叠
– 最终效果要像一个真实产品准备发布的首屏
请先简要说明你的设计方向，然后直接给出完整实现。
▲上下滑动查看全文
桌面端效果：
图片
移动端效果：
<点击图片上下滑动查看全部内容>
无 Skill 版本没有落入普通 SaaS 首屏的“标题居中 + 三张卡片 + 蓝紫渐变”套路。
但产品感弱一些，右边工作台像装饰图，用户被大标题和图形吸引，到头来却理不顺产品怎么帮团队工作、怎么形成闭环。
移动端还能看，但标题断行有点生硬。
用Taste Skill：
提示词：
请使用 Taste Skill 中的 design-taste-frontend 和 full-output-enforcement，帮我从零实现一个AI Agent 产品官网首屏。
产品名：LoopPilot
产品定位：一个帮助团队自动规划、执行、复盘任务的 AI Agent 工作台。
目标用户：独立开发者、小团队、AI 产品经理。
页面气质：不要普通 SaaS 模板感，不要大面积蓝紫渐变，不要堆卡片。希望有高级、克制、清晰的信息层级，同时带一点未来感和工具感。
请完成以下内容：
1. 设计一个完整首屏
– 包含产品名、主标题、副标题、主要 CTA、次要 CTA
– 展示 3 个核心能力：自动拆解任务、持续执行、复盘优化
– 需要有一个产品界面预览区域，但不要像普通 dashboard 模板
– 首屏要有明显视觉记忆点
2. 设计风格要求
– 使用非模板化布局，避免所有内容居中堆叠
– 字体层级清晰，标题有冲击力但不能粗糙
– 色彩控制在 3-5 个主色以内
– 动效可以有，但要服务信息表达，不要炫技
– 页面需要适配移动端和桌面端
3. 代码要求
– 请直接输出完整可运行代码
– 不要使用占位符，不要省略任何关键代码
– 不要只给设计建议，要真正实现页面
– 如果使用组件，请确保所有组件都完整写出
– 如果需要样式，请完整写出 CSS / Tailwind class
4. 验收标准
– 页面第一眼不能像 AI 默认生成的 SaaS 模板
– 视觉层级清楚，CTA 明显
– 移动端 9:16 截图时也要成立
– 所有文字都不能溢出或重叠
– 最终效果要像一个真实产品准备发布的首屏
请先简要说明你的设计方向，然后直接给出完整实现。
▲上下滑动查看全文
桌面端效果：
图片
移动端效果：
<点击图片上下滑动查看全部内容>
Taste Skill 增加了顶部导航就看着很舒服，现在哪个网站顶部还没个导航栏啊。
右侧产品预览不再只是抽象图形，用户能通过步骤性文字看懂产品的路径。
移动端表现也更成熟，能力点变成独立信息块，阅读顺序比较自然。
Codex 实测 2
当然，已有的项目也可以用 Taste Skill 重构一次前端。
提示词：
请使用 Taste Skill 中的 redesign-existing-projects、minimalist-ui、high-end-visual-design 和 full-output-enforcement，帮我重构一个已有项目的官网首页。
项目位置：
D:360MoveDataUserswinDesktop公众号wechat-topic-dashboard-ugly-homepage
背景：
这是一个「公众号选题管理平台」的官网首页，产品名叫 Content Desk。它面向公众号、小红书、视频号、知乎等内容团队，帮助他们管理选题、分配负责人、跟踪状态、查看 AI 推荐和内容表现。
现在的问题：
当前页面功能和信息都有，但视觉非常模板化：
– 蓝紫粉渐变过重
– 大标题浮夸
– 页面过度居中
– 卡片堆叠严重
– CTA 重复
– 产品截图像装饰，不像真实产品
– 信息层级松散
– 移动端阅读路径很长
– 整体像普通 AI 生成的 SaaS 落地页
重构目标：
在不改变产品主题和核心信息的前提下，把它重构成一个更专业、更克制、更可信的内容运营工具官网首页。最终效果要像一个真实 SaaS 产品准备上线的官网，而不是模板页。
请完成以下内容：
1. 首屏重构
– 保留产品名 Content Desk
– 保留产品定位：给内容团队使用的公众号选题管理平台
– 需要有清晰主标题、副标题、主 CTA、次 CTA
– 不要使用“效率提升 300%”这种浮夸表达
– 首屏必须展示一个可信的产品界面预览，不要做成普通装饰图
– 视觉上要有记忆点，但不能花哨
2. 产品能力展示
需要展示以下能力：
– AI 推荐选题
– 多平台选题管理
– 状态与负责人跟踪
– 截止时间与优先级管理
– 内容风险提醒
– 发布表现复盘
展示方式不要简单堆 6 张大卡片，要根据内容运营场景重新组织信息层级。
3. 工作流程展示
展示一个内容团队从选题到复盘的流程：
– 收集热点
– 评估选题
– 分配写作
– 审核发布
– 数据复盘
流程要和产品界面呼应，不要只是普通 1、2、3 步卡片。
4. 页面风格要求
– 偏 Notion / Linear / 飞书多维表格 / 现代 B2B SaaS 工具感
– 克制、清爽、可信
– 信息密度适中，不要太空
– 不要大面积蓝紫渐变
– 不要圆角大卡片堆叠
– 不要浮夸阴影
– 不要营销腔
– 要有清晰的版面节奏、留白、字体层级和状态色
– 桌面端优先，同时移动端也要自然成立
5. 代码要求
– 直接修改项目中的现有文件
– 输出完整可运行版本
– 不要省略代码
– 不要使用 lorem ipsum
– 不要只给设计建议，要真正实现页面
– 保证桌面端和移动端文本不溢出、不重叠
– 保留纯静态 HTML / CSS 实现即可，不需要引入复杂框架
6. 验收标准
– 第一眼不能像 AI 默认生成的 SaaS 模板
– 产品界面预览要可信，能看出这是“内容选题管理工具”
– CTA 清楚但不吵
– 能力和流程不是堆卡片，而是围绕真实内容运营场景组织
– 移动端阅读顺序自然
– 重构前后视觉差异要明显
– 最终页面适合作为 Taste Skill 重构已有项目的实测案例展示
请先简要指出原页面的主要问题，再说明你的重构策略，然后直接修改项目文件并给出完整实现。
▲上下滑动查看全文
原桌面端效果：
<点击图片上下滑动查看全部内容>
原移动端效果：
<点击图片上下滑动查看全部内容>
原页面蓝紫粉渐变和重阴影太抢眼，首屏过度居中，功能和流程都是平均卡片堆叠。
中间的产品截图也偏装饰，里面的数据和界面结构比较假，更像为了填满首屏而放的 mockup。
移动端问题更明显：导航、标题、按钮、截图、功能卡片一路往下堆，阅读路径很长，视觉噪音也重。
重构后的桌面端效果：
图片
重构后的移动端效果：
<点击图片上下滑动查看全部内容>
重构后页面布局看着顺眼多了，原来的页面颜色看着眼睛都要瞎了。
桌面端左侧是产品定位和核心数据，右侧是一个可信的选题工作台预览。用户能一眼看懂：这是用来管理选题、状态、AI 建议、风险和发布表现的工具。
移动端信息顺序变成：品牌导航、产品定位、主标题、CTA、核心数据。用户不用先穿过一堆渐变和营销话术，能更快理解产品是什么。
03
挖一挖
AI Agent正在变成开发流程的一部分。
Stack Overflow 2025 开发者调查显示，84% 的开发者已经使用或计划使用 AI 工具，其中 51% 的专业开发者每天都在用。
图片
同时，AI Code Tools 市场预计将从 2023 年的 43 亿美元增长到 2028 年的 126 亿美元。
图片
但AI 会写代码，不代表它会做产品。尤其是前端页面，很多 Agent 生成的结果仍然停留在 Demo 阶段。
Taste Skill 把前端设计师经验和审美，封装成技能规则，让 AI Agent 能生成更接近真实产品交付标准的界面。
解决了 AI 前端开发里最常见的几类痛点：页面模板化、卡片堆叠渐变滥用、移动端适配粗糙、产品预览缺乏可信度、后台信息层级混乱、已有项目重构成本高。
让AI 产品官网首屏、SaaS 落地页、后台管理系统、内容运营工作台、Agent 产品 Demo、客户项目原型、已有项目 UI 重构都能用Taste Skill来做。
对于没有完整设计团队的小团队来说，可以明显降低从想法到 MVP、从 Demo 到可展示产品的成本。
Taste Skill 的价值，正是把前端审美和产品判断，变成了一种可以复用的 AI 生产力。
小黑 Skill 选了四个点作为文章的配图。
AI Agent 前端坏味道：
Taste Skill 规则机器：
无 Skill / 有 Skill 对比：
Demo 过交付标准闸门：
四个选点的逻辑顺序非常顺畅，痛点、机制、实测、价值收束。
文章里有很多技能模块和安装步骤，但这些内容更适合截图或正文说明；小黑把图放在读者需要建立判断的地方，效果会更好。
case 3 单概念 / 段落生图
第三种是直接给到一个概念或者一小段文章，然后用小黑 Skill 出一张图。
提示词：用小黑 Skill 为“人人心中皆有一台天线，只要还能接受美好、希望、欢乐、勇气和力量的信号，就能青春永驻，风华常存。”生成一张配图。 画面要怪诞但清爽，小黑必须承担核心动作。
隐喻也清楚，五个信号词美好、希望、欢乐、勇气、力量对应花、日出、笑脸、旗帜、火焰，信号线进入胸腔里的天线，再连接到嫩芽和时钟。
小黑承担了画面动作，没有沦为旁边的装饰，这点符合小黑 Skill 的要求。
03. 小黑 Skill 个人风格化
大家可能在想：我不是太喜欢这个小黑人，我能换个人物吗。
当然能，每个人都能定制自己的风格，一条提示词就能把自己的 IP 形象融入进 Skill。
我提供了挖挖的三视图：
然后在 Codex 里输入提示词：
提示词：把小黑skill里的小黑人换成挖挖的形象，做一个小挖skill为副本。
这样我们就能得到一个被个人 IP 腌入味的小黑 Skill，不对此时应该叫小挖 Skill 了。
出一张图试试。
提示词：用小挖skill为这段话生成配图：GLM-5.2 这次的更新放在这个背景里看就很有价值。1M 上下文让模型有机会处理更长的代码库和事故材料；MIT 许可证和开源权重，让团队在私有化部署、成本控制、合规审查上有更多空间；Coding Agent 能力，加速研发提效这个最容易落地的方向。
再来一张，金句类型的。
提示词：用小挖skill为这段话生成配图：伟大梦想不是等得来、喊得来的，而是拼出来、干出来的。
真好看，再来一张。
提示词：用小挖skill为这段话生成配图：通用 Agent 把两端接在了一起。Agent 既能理解材料，又能调用文件、浏览器、图片生成、代码和本地导出工具。PPT Skill 放进这个流程后，做 PPT 从“打开某个工具”变成了“交代一个任务”。
这些图已经有“小挖”的 IP 味道，识别点：橘色安全帽、头灯、护目镜、三花猫斑块、小镐、矿洞、矿车都有。
读者看完几张同系列图，大概率能记住这是那只挖概念的小矿工猫。
04. 挖一挖
内容生产正在从纯文字竞争走向图文结构竞争。
公众号、博客、知识库、产品文档、课程稿都需要更高频、更低成本的解释型配图。很多团队已经能用 AI 写初稿，配图策略和视觉风格开始变成文章的记忆点。
小黑 Skill 会先判断文章哪里值得配图，再把抽象观点、流程、状态和隐喻画成清爽的手绘解释图。对内容创作者来说，这比临时找素材、硬塞截图、套模板信息图更适合长期使用。
小黑 Skill 解决的是长文阅读疲劳、配图风格分裂、抽象概念难理解、创作者缺少稳定视觉资产这几件事。加上小挖这种个人 IP 改造，它还能变成账号自己的视觉识别系统。
当 AI 写作逐渐普及，能不能把观点画得清楚、有趣、可记住，会成为内容账号新的差异点。
原文链接：Github 狂揽 5K Stars，这个配图 Skill 真的超级好用
