本文へ移動
cccskills
無料GitHub で公開

image-render

配图出图 - 给文章配图：定好每张图讲什么、图上逐字写什么，用你的默认风格（第一次从带样张的风格库里看图选）为每张图设计画面，交给 Codex 内置 imagegen 原样出图，生成可标记喜欢的对比页。支持探索（一张图试几种风格）、量产（默认风格出整套）和新增自己的风格。

当用户说「给这篇文章配图」「出几张图」「用 XX 风格出图」「换默认风格」「加个新风格」时触发。

yunshu0909/yunshu_skillshub
インストール方法を見る

含まれるファイル（136）

  • SKILL.md7.0 KB
  • README.md1.6 KB
  • reference/formats.md1.0 KB
  • reference/lessons.md3.5 KB
  • reference/recommend.md2.0 KB
  • reference/taste.md1.3 KB
  • scripts/_lib.py8.9 KB
  • scripts/add_sample.py2.7 KB
  • scripts/build_prompts.py2.2 KB
  • scripts/check_prompts.py2.7 KB
  • scripts/doctor.py3.3 KB
  • scripts/make_page.py4.7 KB
  • scripts/mark.js3.7 KB
  • scripts/render_codex.py8.7 KB
  • scripts/settings.py1.9 KB
  • scripts/style_picker.py4.0 KB
  • scripts/update_index.py2.6 KB
  • scripts/verify_log.py1.9 KB
  • stages/01-scenes.md1.8 KB
  • stages/02-pick-style.md1.3 KB
  • stages/03-adapt.md1.9 KB
  • stages/04-render.md4.2 KB
  • stages/05-review.md1.8 KB
  • styles/N02-50年代复古广告.md1.4 KB
  • styles/N03-积木.md882 B
  • styles/N08-桌游棋盘.md995 B
  • styles/N10-电影海报.md1.3 KB
  • styles/N11-绘本蜡笔.md805 B
  • styles/N13-便利贴墙.md904 B
  • styles/N16-维多利亚铜版画.md832 B
  • styles/N17-折纸.md756 B
  • styles/N19-粉笔黑板.md770 B
  • styles/N21-纸雕光影盒.md1.0 KB
  • styles/N22-宝藏地图.md792 B
  • styles/N24-3D动画电影.md1.7 KB
  • styles/N27-四格漫画.md935 B
  • styles/N34-烘焙甜点.md786 B
  • styles/N35-木偶剧场.md958 B
  • styles/N37-皮影戏.md990 B
  • styles/N38-玩具屋剖面.md1008 B
  • styles/N39-立体书.md871 B
  • styles/N41-日式手绘动画.md990 B
  • styles/N42-等距像素.md1.6 KB
  • styles/N48-列车剖面.md767 B
  • styles/N49-角色手绘课件.md2.2 KB
  • styles/N50-RPG游戏界面.md1.2 KB
  • styles/N62-实物摄影信息图.md1.6 KB
  • styles/N78-国风淡彩.md1.2 KB
  • styles/README.md4.0 KB
  • styles/S01-彩铅水彩.md1.6 KB
  • styles/S07-像素风.md1.8 KB
  • styles/S08-漫画网点.md1.4 KB
  • styles/samples/N02-1.jpg147.7 KB
  • styles/samples/N02-2.jpg228.0 KB
  • styles/samples/N02-3.jpg152.5 KB
  • styles/samples/N02-4.jpg192.9 KB
  • styles/samples/N02-5.jpg172.8 KB
  • styles/samples/N02-6.jpg167.2 KB
  • styles/samples/N02-7.jpg183.7 KB
  • styles/samples/N03-1.jpg57.5 KB
  • styles/samples/N08-1.jpg105.6 KB
  • styles/samples/N08-2.jpg124.0 KB
  • styles/samples/N10-1.jpg103.7 KB
  • styles/samples/N10-2.jpg64.2 KB
  • styles/samples/N10-3.jpg126.2 KB
  • styles/samples/N11-1.jpg152.4 KB
  • styles/samples/N13-1.jpg115.3 KB
  • styles/samples/N16-1.jpg145.0 KB
  • styles/samples/N17-1.jpg69.9 KB
  • styles/samples/N19-1.jpg109.5 KB
  • styles/samples/N21-1.jpg104.8 KB
  • styles/samples/N21-2.jpg87.7 KB
  • styles/samples/N21-3.jpg127.7 KB
  • styles/samples/N22-1.jpg157.6 KB
  • styles/samples/N24-1.jpg99.5 KB
  • styles/samples/N24-2.jpg99.5 KB
  • styles/samples/N24-3.jpg97.4 KB
  • styles/samples/N24-4.jpg141.3 KB
  • styles/samples/N24-5.jpg109.6 KB
  • styles/samples/N24-6.jpg130.4 KB
  • styles/samples/N24-7.jpg121.5 KB
  • styles/samples/N24-8.jpg131.4 KB
  • styles/samples/N24-9.jpg108.8 KB
  • styles/samples/N27-2.jpg134.1 KB
  • styles/samples/N34-1.jpg118.5 KB
  • styles/samples/N35-2.jpg164.2 KB
  • styles/samples/N37-1.jpg111.7 KB
  • styles/samples/N37-2.jpg162.0 KB
  • styles/samples/N38-1.jpg129.5 KB
  • styles/samples/N38-2.jpg108.7 KB
  • styles/samples/N39-1.jpg126.4 KB
  • styles/samples/N39-2.jpg93.3 KB
  • styles/samples/N41-1.jpg110.9 KB
  • styles/samples/N41-2.jpg140.9 KB
  • styles/samples/N42-1.jpg77.8 KB
  • styles/samples/N42-2.jpg88.2 KB
  • styles/samples/N42-3.jpg130.4 KB
  • styles/samples/N42-4.jpg137.3 KB
  • styles/samples/N42-5.jpg161.6 KB
  • styles/samples/N42-6.jpg122.7 KB
  • styles/samples/N42-7.jpg134.1 KB
  • styles/samples/N48-1.jpg123.1 KB
  • styles/samples/N49-1.jpg173.1 KB
  • styles/samples/N49-2.jpg172.3 KB
  • styles/samples/N49-3.jpg173.6 KB
  • styles/samples/N50-1.jpg136.7 KB
  • styles/samples/N50-2.jpg139.0 KB
  • styles/samples/N50-3.jpg133.8 KB
  • styles/samples/N50-4.jpg143.3 KB
  • styles/samples/N62-1.jpg186.0 KB
  • styles/samples/N62-2.jpg184.5 KB
  • styles/samples/N78-1.jpg228.8 KB
  • styles/samples/N78-2.jpg220.1 KB
  • styles/samples/N78-3.jpg203.5 KB
  • styles/samples/S01-1.jpg96.2 KB
  • styles/samples/S01-2.jpg96.1 KB
  • styles/samples/S01-3.jpg93.8 KB
  • styles/samples/S01-4.jpg89.0 KB
  • styles/samples/S01-5.jpg87.7 KB
  • styles/samples/S01-6.jpg91.2 KB
  • styles/samples/S07-1.jpg96.7 KB
  • styles/samples/S07-2.jpg95.5 KB
  • styles/samples/S07-3.jpg94.4 KB
  • styles/samples/S07-4.jpg90.8 KB
  • styles/samples/S07-5.jpg91.6 KB
  • styles/samples/S07-6.jpg96.4 KB
  • styles/samples/S08-1.jpg132.6 KB
  • styles/samples/S08-2.jpg141.3 KB
  • styles/samples/S08-3.jpg127.9 KB
  • styles/samples/S08-4.jpg135.7 KB
  • styles/samples/S08-5.jpg231.2 KB
  • templates/adapt-example.txt876 B
  • templates/codex-task.md954 B
  • templates/common.txt770 B
  • templates/scene.md568 B
  • templates/style-card.md740 B

SKILL.md（原文）

インストールする前に、エージェントに与えられる指示の中身を確認できます。

配图出图（image-render）

把文章变成一套风格统一的配图。Claude 负责想清楚画什么、图上写哪些字；Codex 只负责把提示词原样交给 imagegen 出图；脚本负责检查和核对。

下文 S 指本 skill 的脚本目录（本文件所在目录下的 scripts/）：

S=<本 SKILL.md 所在目录>/scripts

第一次用

  1. python3 $S/doctor.py：环境自检（Codex 装没装、登没登录、Python）。有 ✗ 先按提示补。
  2. 没有默认风格时，开风格选择页让用户看图选（见下面「默认风格」）。

默认风格

风格 = 有样张的风格，用户看图选。选一次存成默认，之后每次直接用，不再每次问。

用户说怎么做
（开工时）python3 $S/settings.py get style。打印出编号 → 告诉用户「本次用默认风格 X（编号 · 名字），要换说一声」，直接往下做。什么都没打印 = 还没设，走「第一次选」
第一次选 / 「换默认风格」先把画面单给用户确认，再 python3 $S/style_picker.py <任务目录>/风格选择.html 并打开；用户报编号（或贴回 ♡ 复制的内容）就视为选定默认 → python3 $S/settings.py set style <编号>
「这次用 N42」只这一次用，不改设置：adapt 文件名里写这个编号（如 1-N42.txt）。真正决定用哪张风格卡的是文件名里的编号；scenes.md 顶部写一行「本次风格：N42」只是备忘
「给我几个风格看看」探索：选 3–4 种（reference/recommend.md 按内容类型推荐），用用户自己的同一张图各出一版对比；用户选中的可以设成新默认
「你推荐」才参考 reference/recommend.md 和 reference/taste.md（作者口味）

设置存在 ~/.image-render/settings.json，升级 skill 不会被覆盖；家目录写不进时（Codex 沙盒）自动存到当前项目的 .image-render/，以后在这个项目里用会自动读到；也可以用环境变量 IMAGE_RENDER_HOME 指定。

流程

步做什么谁详细
1 画面单每张图：画幅 / 用途、讲什么、内容类型、必含文字（「」包住）。写完给用户确认（用户说「直接做」可跳过）Claude → 用户stages/01-scenes.md
2 定风格默认风格；没有就看图选；探索时选 3–4 种用户stages/02-pick-style.md
3 风格适配核心：按风格卡的叙事语法为每张图重新设计场景、比喻、文字载体Claudestages/03-adapt.md
4 出图检查 → 拼提示词 → Codex 原样出图 → 核对提示词逐字。第一次用或刚换默认风格：先只出第 1 张给用户看，满意再出剩下的脚本 + Codexstages/04-render.md
5 挑图与迭代Claude 先逐张看图上的字；对比页给用户标 ♡；不满意一次只改一处；选中的图写回样张Claude → 用户stages/05-review.md

新增风格

用户想要库里没有的风格（给一句描述或一张参考图）：

  1. 找到自建风格目录（python3 $S/settings.py show 第二行，一般是 ~/.image-render/styles/；第一次加风格时可能还不存在，先 mkdir -p），复制 templates/style-card.md 进去，命名为 U01-<风格名>.md（编号 U01、U02… 接着排，文件名 = 编号-名字），填好。风格块只写「长什么样」——材质、线条、配色、文字长相、不要什么，不写版式。
  2. 用用户手头的一张图按新卡出一张试图（adapt 文件名写 1-U01.txt）。
  3. 用户说喜欢 → python3 $S/add_sample.py U01 <试图路径>（要设成默认就加 --default）。这一条命令会缩略图片、放进样张目录、写进卡片。有样张才算进库，风格选择页才会显示它。
  4. 用户不喜欢：在风格块里只改一处再出一版；放弃就删掉这张卡，不留空卡。

关键原则（都有实测证据，见 reference/lessons.md）

  1. 风格卡固定，画面每张定制。 机械套同一个画面换风格，一张都没被选中。
  2. 风格块逐字粘贴，不改写；版式写进画面，不写进风格块。
  3. 「」只留给要画出来的字。 出图前必须过 check_prompts.py。
  4. 提示词落盘、原样传入、事后核对：Codex 只执行，不改写。
  5. 画幅只靠第一句：只写实测过的（21:9 / 16:9 / 2:1 / 1:1 / 3:4 / 9:16）。
  6. 写明主体占画面多大（「约六成宽」），否则画面很空。
  7. 现编角色写细就能跨图一致；真实角色（你的宠物、IP）必须垫图（--ref）。
  8. 脚本只核对 imagegen 收到的提示词，不检查图上画出的字。 交付前当前助手（Claude 或 Codex）必须逐张看图，错字、多字要说出来。

目录

  • styles/：风格库（每张卡都有样张，README.md 是索引，samples/ 是样张）
  • templates/：scene.md 画面单模板、style-card.md 新风格卡模板、adapt-example.txt 适配样例、common.txt 通用约束、codex-task.md 给 Codex 的任务模板
  • scripts/：doctor.py 自检、settings.py 默认风格、style_picker.py 风格选择页、add_sample.py 写回样张、render_codex.py（检查 + 拼接 + 出图 + 核对，一条命令）、check_prompts.py、build_prompts.py、verify_log.py（Codex 自己出图后核对）、make_page.py 对比页、update_index.py 重建风格索引
  • reference/：formats.md 画幅、recommend.md 内容类型 → 风格、taste.md 作者口味、lessons.md 实测规则与证据

任务目录（每篇文章 / 每批图一个）

<项目>/images/<NN-简述>/
  scenes.md               画面单（阶段 1）
  adapt/<图号>-<风格>.txt  适配后的画面（阶段 3），如 2-S07.txt
  prompts/  out/  logs/    脚本生成
  review.html             对比页
  ref.png                 （可选）参考图
  _v1/                    改过提示词后被替换下来的旧图
  baselines/              （可选）用户认可后冻结的版本

执行者是谁

  • Claude 主导：阶段 1–3、5 由 Claude 做；阶段 4 用 render_codex.py 调 codex exec，Codex 只负责原样出图。
  • Codex 自己跑本 skill：阶段 4 不调 render_codex.py（否则会再起一个 Codex），按 stages/04-render.md「Codex 自己跑」一节做。

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

ログインしてレビューを書く

同じリポジトリのスキル

概要と使いどころ

article-study

無料

带用户精读一篇文章/文档并真正学透（不是出摘要）。五步：抽干货 → 切讲次 → 每讲跑「学-考-讲」循环 → 对号入座 → 实操+测验+讲错题+蒸馏。每讲产出 HTML 课件 + 笔记落盘；讲完必考一次，用户复述后必须挑不精确处拧紧；抽象概念上可交互演示（能点能跑）；全程用用户自己的业务场景当案例；学完出多题型自动判分测验卷，最后把收获蒸馏回用户的工具。核心触发条件是用户要的是"学会"而不是"要一份结果"，例如"我们一起学这篇文章/这个链接"、"带我学"、"精读"、"我想学会 X"、"这篇我看不懂你给我讲讲"。有具体材料（链接、本地文件、PDF，或用户自己的 skill/文档/代码）时直接开跑；只有学习意图而没材料时仍走本 skill，但开工第一件事是和用户一起把材料定下来，禁止凭记忆开讲。不适用于：只要一份总结/摘要/教程长文，用户读完就完、不需要答题（用 readable-output）、只是搜集资料做调研（使用可用的网页/平台取材工具）、帮我写 PRD/测试用例（用 prd-test-writer）、以及用户其实是想让你直接把活干了（那就直接做）。

日本語の概要は準備中です。原文の説明を表示しています。

yunshu0909/yunshu_skillshub7712026年10月11日 更新

backend-logic-design

無料

和用户一起把一个功能「看不见的部分」敲定：数据存哪、谁写谁读、怎么加载、怎么保存、默认值和升级、核心执行规则、出问题时怎么办、旧东西怎么迁。每条规则带编号、案例和状态（已定 / 方案里有但你没拍板 / 待你定 / AI 定），用户只回答带案例的新选择题、过目没拍过板的规则；给用户看的是按「你会问的问题」分组的问答卡片（最绕的逻辑配可点的模拟器）；最后请另一家模型只读查边界，问题闭环后封成后端逻辑包，PRD、测试用例和代码审核按规则编号追溯。触发：前端交互已定、用户说「还有很多后端逻辑 / 加载 / 配置要讲清楚」「有没有遗漏的边界条件」「规则讲清楚」；或没有界面但规则复杂的功能（调度、同步、配置、额度、迁移）。分三档用：规则多且互相影响出完整包；少量清楚的变化只出规则表；行为不变的技术修复跳过。不适用于：页面长什么样、怎么排（用 page-solution-design）；写 PRD / 测试用例（本 skill 的规则包是它们的输入）；纯代码重构、性能调优、架构巡检报告。

日本語の概要は準備中です。原文の説明を表示しています。

yunshu0909/yunshu_skillshub7712026年10月11日 更新

case-radar

無料

案例雷达。给一个新东西（新工具/新概念/新生态），扫一遍生态找好玩的真实案例，重点是抓"真物"（截图/源码/演示）而不是 GitHub 主页，输出可浏览的 HTML 案例集。当用户说"看看大家用 X 做了什么"、"扫一下 X 生态"、"市面上 X 有什么新玩法"、"给我看 X 的真物案例"、"/case-radar"时触发。不适合：① 已有明确目标的深度调研（使用可用的调研工具直接研究）② 写文章/出 PRD（用 writing-assistant / prd-test-writer）③ 单纯求知不需要 HTML（直接问就好）。

日本語の概要は準備中です。原文の説明を表示しています。

yunshu0909/yunshu_skillshub7712026年10月11日 更新

comic-maker

無料

教程漫画「小课堂」：你的 IP 当老师（没有就先生成一个），3:4 竖版，一期默认 6–9 页（用户要几页就几页），固定有「开课」封面和「下课」结尾，交给 Codex 内置 imagegen 出图并核对。当用户说"画漫画"、"做一套漫画讲XXX"、"用漫画解释"、"小课堂"、"换个老师 / 换角色"时触发。

日本語の概要は準備中です。原文の説明を表示しています。

yunshu0909/yunshu_skillshub7712026年10月11日 更新

dual-agent-collaboration

無料

让 Codex 与 Claude Code 通过本机 CLI 组成“主执行者 + 独立审查者”的对称协作闭环。用于用户要求两个模型一起完成、交叉校核、独立审查、修到 ACK，或任务涉及产品需求收敛、复杂方案、跨模块开发、迁移、安全、重要重构和高质量交付时；无论从 Codex 还是 Claude Code 启动，都由当前模型主持，并完整调用另一方完成需求挑战、方案门禁、实现冷审和最终验收。

日本語の概要は準備中です。原文の説明を表示しています。

yunshu0909/yunshu_skillshub7712026年10月11日 更新

find-top-three

無料

通过自适应获取上下文、读取证据、建立可修正的用户模型和进行战略判断，帮助用户找出当前阶段最重要的三件事。适用于用户询问“最重要的三件事”“我现在应该先做什么”，需要梳理人生或职业优先级，在多个目标之间犹豫，思考自由、收入、个人业务、内容创作或创业重点，或者希望模型持续了解自己后再给建议；不用于简单待办排序，也不用于目标已经确定的项目计划。

日本語の概要は準備中です。原文の説明を表示しています。

yunshu0909/yunshu_skillshub7712026年10月11日 更新

yunshu0909 のスキルをすべて見る

このスキルの問題を報告する