橙线插画

把观点画成一个动作

用黑色细线、留白和暖橙,把文章里的一个判断画成可理解的动作;同一套角色还能贯穿封面与 HTML 演示。

作者 橘子 (Orange)

作者文章封面,上方为中文标题,下方人物位于黑色乱线与橙色平滑线的交界处。查看原图

标题占据上方留白;下方黑色乱线与橙色平滑线相接,人物站在交界处。原图约 21:9,说明封面如何同时容纳题目和一个动作场景。

作者仓库原图

两图来自作者仓库,已核对原文件并目视查看,非本站生图结果。它们使用通用人物,不是小橙胸口橙点模板;用来观察构图与含义,不表示每张都严格满足现版的全部比例规则。仓库采用自定义双许可,不是通用免费商用图库。

作者列出的使用环境

  • Claude Code
  • Codex
GitHub Star
450
资料核对

先让动作说明观点,再挑画得好的那张

先找内容中的冲突:多与少、粗糙与精确、生成与判断。把冲突变成“谁对什么做了什么”,再安排尺度和橙色焦点。小橙适合安静做事的系列;需要把物件染成橙色时,改用通用人物。

选一个任务,开始使用

首次可选“画一个观点”:复制完整技能目录,准备 brief.md 并写明可用生图工具,最多生成两张无文字候选。先把动作与角色画对,再扩展成封面或整套演示。

按画面用途开始

用默认小橙做一张无文字配图。先比较两种动作,再挑选能准确表达原文的候选。

  1. 复制完整技能目录

    作者的安装方式是把整个仓库目录放入宿主的 skills 文件夹。首次路径使用 Claude Code 的 ~/.claude/skills/orange-line-illustration/;这是文件夹,不是可执行命令。保留参考文档与示例图,生图工具需另行配置。

    查看作者安装说明

    首次路径:一段话、两个候选、一次人工选择

    下载并解压作者仓库,把含有 SKILL.md 的那层文件夹命名为 orange-line-illustration,再用文件管理器放到 Claude Code 的 ~/.claude/skills/orange-line-illustration/,保留 SKILL.md、references/、examples/ 和 LICENSE.md;macOS/Linux 的 ~ 是用户主目录,Windows 请在用户主目录找到 .claude/skills。README 也列出 Cola 的 ~/.cola/skills/,其他宿主按各自技能目录配置。这些是目录位置,不是终端命令。回到工作项目,创建 brief.md:写入原文段落、目标读者、核心句“工具能扩大产出,判断决定方向”、免费公开博客用途、16:9、无文字、可用生图工具名称与本轮最多两张。让助手确认读到该 Skill 和小橙模板后,发送第一条提示词。查看 orange-demo/ 中的提示词和两张候选;未配置工具时先完成提示词,再补好该工具配置继续。选图时看动作是否说得通、胸口橙点是否唯一、文件是否能打开,而不只看它像不像示例。

    查看作者目录与安装说明
  2. 把这段话发给 AI

    下列提示词由本站编辑编写,文件名、次数和保存目录可按需替换。结果是预期交付,未在本站调用模型生成。

    使用 orange-line-illustration。读取项目中的 brief.md;本次配图用于免费公开的博客文章。核心意思是“工具能扩大产出,判断决定方向”,请结合文件中的上下文表达,不额外编造观点。 按 references/xiao-orange-ip.md 和 references/xiao-orange-prompt-template.md 使用默认角色小橙:圆头轮廓、两点眼、无嘴、窄长方形轮廓身体、细线四肢。小橙必须完成画面的核心动作。16:9 横版,黑色细线、纯白底、大留白;全图橙色 #F97316 只放胸口圆点,不加题注、标题或橙色装饰线。 先写两个不同的具体动作场景,说明谁在做什么、物件的位置和尺度,保存到 orange-demo/prompts.md。使用 brief.md 指定且已配置的生图工具,每个场景生成一次,本轮最多两张;工具不可用时交付提示词和缺少的配置,不声称已出图。 将两张候选按场景命名并一起展示,由我选择;不先用 AI 图像评分淘汰。交付文件路径、对应提示词和选择记录,提醒我查看动作含义、角色形态、唯一橙点与实际画幅。

  3. 检查你拿到的结果

    • orange-demo/prompts.md 中的两种场景与完整提示词;每种说明动作、空间和尺度。
    • 工具可用时得到最多两张有明确文件名的候选与人工选择记录;工具未配置时得到可继续使用的提示词和配置缺项。
    查看这项任务的作者说明
进一步了解这个 Skill

Orange Line Illustration 是橘子(Orange)发布的一套插画 Skill。它把文章中的观点拆成具体场景,再用微小角色、巨大的物件和大片空白呈现。重点是动作是否解释了那句话,而不只是把线条画细、把颜色改成橙色。

它有单张插图与插画演示两条主工作流。单张任务可画概念或封面;演示则先读文章、确认逐页大纲,再为原文中的故事场景生成候选,最后组织成 HTML。下面按配图、封面和 HTML 演示分成三条可直接开始的路径。

仓库没有绑定某个生图模型,也不提供生图程序。支持技能文件的助手负责读规则、写提示词和整理文件;外部工具负责渲染。角色、构图和次数可以在生成前确定,文字准确度与最后选图仍由使用者把关。

来源与核验

资料核对

依据固定提交 f7e1f844 的 9 份 Markdown 全文与仓库文件树整理,另核对并目视两张作者原图。未安装技能、调用生图或生成演示。