今天发点适合做配图的东西。做自媒体这件事写文章只是基础配图能力也越来越重要。现代人已经很难去认认真真的看完一篇长文了反而是有趣的配图会多看两眼。这里给大家推荐一个超有趣的配图项目ian-xiaohei-illustrations我一般叫小黑 Skill。01项目简介helloianneo/ian-xiaohei-illustrations 是 Ian 开源的一个 Codex Skill生图逻辑是把文章里的判断、流程、状态和隐喻生成一张张白底、手绘、怪诞但清爽的正文配图。小黑长这样黑色实心、白点眼、细腿、表情空空。小黑 Skill 出来的画面一般是 16:9 白底手绘几句红橙蓝中文批注留白很多看起来像产品设计师在白纸上随手画的解释草图。项目地址https://github.com/helloianneo/ian-xiaohei-illustrations02项目实测case 1 配图规划小黑 Skill 有几种用法第一种是做配图规划用我们以往的文章测试一下。提示词用小黑 Skill 先不要生图。 请分析下面这篇文章哪里值得配图输出 5 张左右的 shot list。 每张图写清楚放在哪段后、主题、核心意思、结构类型、小黑在做什么、建议中文标注词。文章今天发点适合学术党的东西。如今 AI 学术工具越来越多了写作速度提上去了但是仔检查一遍就漏洞百出。更难受是 AI 能把一个观点写得非常坚定但引用的原始文献却不一定真的支持这个观点。最近我在 GitHub 上看到一个学术研究项目专门解决这类问题已经 30K Star 了。图片01项目简介Academic Research SkillsARS是一套面向 Claude Code 的开源学术研究 Skill 包。它把选题、文献检索、论文写作、同行评审、修订、格式整理这些环节拆开让 AI 分阶段参与关键判断还是留给我们。这个项目覆盖从选题研究、文献检索、论文写作、同行评审、修订到最终格式化与过程总结的完整学术工作流。这个项目里面主要包含四组 SkillDeep Research做深度研究、文献综述、系统性回顾、事实核查。Academic Paper辅助论文写作、摘要生成、格式转换、引用格式检查、LaTeX / PDF 输出。Academic Paper Reviewer模拟同行评审从多个角度审论文给出质量评分和修改建议。Academic Pipeline把研究到出稿的流程串起来按阶段推进并在中间加入学术诚信检查。使用起来也特别简单。如果我们已经在用 Claude Code两行命令就能直接装好插件。/plugin marketplace add Imbad0202/academic-research-skills/plugin install academic-research-skills02项目实测项目中的四组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 class4. 验收标准- 页面第一眼不能像 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 class4. 验收标准- 页面第一眼不能像 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:\360MoveData\Users\win\Desktop\公众号\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 写作逐渐普及能不能把观点画得清楚、有趣、可记住会成为内容账号新的差异点。