메뉴
生成 Loki 个人风格的小红书/社交图文。支持4种模式：simple（快速模板）、brand（品牌风格+IP形象）、compress（公众号转小红书）、advanced（108组件高级定制）。当用户需要制作小红书图文、社交卡片、carousel时使用。
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
英语课件生成器：输入任意主题（IP主题如疯狂动物城/小猪佩奇，或原创主题如水果王国）， 自动生成适合儿童/青少年的英语学习课件图。模块化题型组合，27种教学组件自由搭配， 覆盖词汇、对话、语法、练习、阅读、游戏、评估等场景。生成可直接喂给图像生成模型的 提示词，一步出图。Use when the user mentions 英语课件, English courseware, English worksheet, 儿童英语, 英语练习题, vocabulary cards, 课件生成, 或想用某个IP主题做英语教学内容。 Also triggers when the user wants to create English learning materials with a specific theme, generate educational worksheets, or build English practice exercises for kids.
增长情报 Skill。从数据到决策——分析公众号历史表现、追踪 AI 订阅投产比、 监测多平台增长、自动复盘内容效果，给出"下一步该做什么"的数据驱动建议。 当用户说"选题建议""数据复盘""投产比""哪篇火了""小红书数据""增长分析" "增长情报""growth intelligence""这周写什么"时使用。
公众号全链路工作台。从写作到发布一条龙：写作→封面→排版→编辑器→发布。 当用户说"写文章""写公众号""排版""公众号排版""做封面""标题方案""飞书转公众号" "公众号编辑器""可视化编辑""全流程"时使用。覆盖 Loki 公众号风格写作、 封面设计与标题方案、微信公众号排版、可视化块编辑器、飞书文档转公众号直发。
Loki 品牌设计系统 — 共享基础层。所有视觉 Skill（loki-deck/loki-social/loki-wechat-pipeline）的品牌规范单一来源（SSOT）。当用户明确要求查看品牌规范或做品牌审计时直接调用。
面向学生、应届生和普通求职者评估岗位或招聘 JD 在 AI 时代的任务暴露度，拆解日常职责， 按可替代性和人类必要性双维度评分，输出可投方向、作品集项目、简历改写、7 天行动计划、 招聘方视角、投递判断、高危区/混合区/安全区判断和 AI 新增机会。Use when 用户说 "帮我分析岗位""这个工作会被AI替代吗""看看我的岗安不安全""career analysis""AI暴露度" "岗位诊断""简历怎么改""找实习""校招""应届生""专业能干嘛""简历空白""作品集怎么做" "招聘方怎么看我的简历""找工作AI""就业分析""想转行""换个方向""没有相关经验能做什么"， 或提出任何岗位生存力、JD 匹配度、学生求职行动、转行规划、简历证明力、AI 求职策略相关需求。
每日拼贴诗。当用户说"每日拼贴诗""今日诗笺""生成拼贴诗""今天的词条诗"时使用。回顾当天对话内容，提取词条，选择艺术形式，生成拼贴诗。
| name | loki-social |
| description | 生成 Loki 个人风格的小红书/社交图文。支持4种模式：simple（快速模板）、brand（品牌风格+IP形象）、compress（公众号转小红书）、advanced（108组件高级定制）。当用户需要制作小红书图文、社交卡片、carousel时使用。 |
| author | kude |
统一入口，4 种模式路由。把文章、选题、产品说明、教程或观点素材，转成一套能发小红书的图文 PNG。
| 模式 | 适用场景 | 模板 | 渲染脚本 | 配色 |
|---|---|---|---|---|
| simple | 轻量快速出图，短选题、固定模板 | assets/templates/ 6 个 HTML | scripts/render.sh | references/palettes.md（5 组，simple 专用） |
| brand | Loki 品牌风格，IP 形象，三段式填充 | templates/carousel-v2.html | 手动 / Cola 截图 | references/themes.md（9 套，与 loki-deck 共用） |
| compress | 公众号长文 / Newsletter / 长 Markdown 转小红书 | 按内容路由选择 | scripts/render.mjs | 按风格模式选择 |
| advanced | 复杂内容高级定制，多组件组合 | templates/xhs-seed.html | scripts/render.mjs | references/style-modes.md（10 种风格） |
默认 brand 模式。 根据用户意图切换：
| 用户信号 | 选择模式 |
|---|---|
| 说「快速」「简单」「轻量」 | simple |
| 说「品牌风格」「Loki 风格」 / 无特殊要求 | brand |
| 给了公众号文章 / Newsletter / 长 Markdown | compress |
| 说「复杂」「精细」「高级」「定制」 / 内容多维度 | advanced |
适合短选题、轻量内容、固定模板 carousel 快速出片。
references/content-guide.md（原生文案指南）。从用户输入提取选题/受众/核心情绪/关键信息。根据内容类型，参考 references/palettes.md 的决策树选择配色。web_search 搜索小红书同类爆款，提取封面风格、SEO 关键词。references/card-types.md（7 种卡片组件）。规划 6-9 张卡片序列（封面→正文×N→结尾）。references/content-guide.md 口吻，逐张撰写。不要总结文章，用小红书口吻重新讲。references/taste.md（品味准则，生成前必读）+ references/typography.md（字体规范）。为每张卡片选模板（assets/templates/），注入色板 CSS 变量 + 文案，拼接成单 HTML。scripts/render.sh，执行 bash scripts/render.sh /tmp/xhs-cards-{name}.html {output_dir}。Chrome headless 截图 + 像素级切割。| 文件 | 用途 |
|---|---|
references/content-guide.md | 原生小红书文案写作指南 |
references/palettes.md | 5 组配色系统 + 选色决策树（simple 模式专用） |
references/typography.md | 字体栈 + 字号层级 + 移动端规则 |
references/card-types.md | 7 种卡片组件定义 + 使用决策 |
references/taste.md | 设计品味准则 + 出厂自检清单 |
| 卡片 | 模板文件 |
|---|---|
| cover | assets/templates/cover.html |
| big-statement | assets/templates/big-statement.html |
| pain-story | assets/templates/pain-story.html |
| feature-list | assets/templates/feature-list.html |
| compare | assets/templates/compare.html |
| chat-dm | assets/templates/chat-dm.html |
| ending | assets/templates/ending.html |
Loki 品牌风格，三段式填充 + 装饰元素 + IP 形象视觉主体。
内容路由器（动手前必做） — 先分析内容，不要直接动手。判断内容类型 → 选配色 → 选版式 → 选 IP 形象状态 → 规划版式序列（封面→正文×N→结尾）。
| 内容类型 | 推荐配色 | 推荐版式 | IP形象 |
|---|---|---|---|
| 工具评测 | 墨黑信号 / 电光蓝黄 | 网格选择 + 图文混排 + 清单详情 | 兴奋+电脑 |
| 知识分享 | 墨黑信号 / 灰蓝深度 | 要点列表 + 金句 + 数据大字 | 演示姿势 |
| 生活分享 | 暖米咖啡 / 鼠尾草知识分子 | 封面 + 图文混排 + 结尾 | 酷+手机 |
| 情感叙事 | 酒红夜幕 / 焦糖深蓝 | 金句 + 引用插入 + 杂志导读 | 思考 |
| 教程步骤 | 墨黑信号 / 电光蓝黄 | 步骤 + 要点列表 + 清单详情 | 写作 |
| 对比评测 | 摇滚墨水 / 墨黑信号 | 对比 + 网格选择 | 思考 |
| 娱乐社交 | 糖果粉紫 / 梦幻紫调 | 网格选择 + 对比 + 步骤 | 庆祝 |
规划版式序列 — 一篇通常 6-10 张。版式交替规则：不连续 2 张同类型、长文版式（X04/X05/X06）和精简版式（X02/X03）交替、深浅卡片交替。
生成预览 — 给用户配色选择 + 版式序列 + IP 形象规划 + 预览 HTML。用户确认后才进入正式版。
生成正式版 — 拷贝 templates/carousel-v2.html，从 references/themes.md 替换 CSS 变量，从 references/layouts.md 粘贴版式代码块，插入 IP 形象。
截图切割 — 见 references/screenshot-sop.md。Chrome headless 全页截图 + 像素级边界检测切割。
自检 — 读 references/checklist.md，逐项检查。
与 loki-deck 共用。完整色值见 references/themes.md。
| # | 主题 | 底色 | 主色 | 适合 |
|---|---|---|---|---|
| 01 | 墨黑信号 | #0A0A0A | #FF5E1A | 正式/科技/工具 |
| 02 | 暖米咖啡 | #F5EFE6 | #C44536 | 个人IP/生活 |
| 03 | 电光蓝黄 | #0A1A3A | #FFD60A | 科技/工具/干货 |
| 04 | 糖果粉紫 | #FFF0F5 | #FF3D7F | 娱乐/社交 |
| 05 | 深海青金 | #0F2027 | #E8A040 | 摄影/旅行/叙事 |
| 06 | 鼠尾草灰绿 | #E8EDE6 | #7A8B6F | 生活/家居/心理 |
| 07 | 焦糖深蓝 | #1A1420 | #D4885A | 深度/文化/影评 |
| 08 | 极简黑白 | #FAFAF8 | #0A0A0A | 专业/知识/设计 |
| 09 | 暖米咖啡+橙 | #F5EFE6 | #FF5E1A | 混合/通用 |
V2 模板支持 .theme-xxx 主题切换（在 <body> 或容器上加 class 即可切换配色，无需改 CSS 变量）。
| # | 版式 | 用途 |
|---|---|---|
| X01 | 封面·居中大字 | 吸引点击 |
| X02 | 要点列表·编号卡片 | 核心要点 |
| X03 | 金句·橙底大字 | 情绪锚点 |
| X04 | 杂志导读·双栏+总结框 | 深度长文 |
| X05 | 引用插入·长文+Pull Quote | 叙事+引用 |
| X06 | 卡片拼接·3横条 | 多点论述 |
| X07 | 结尾·CTA | 关注引导 |
完整 HTML 代码块见 references/layouts.md。排版填充法则见 references/layout-fill-principles.md。
| 文件 | 用途 |
|---|---|
references/themes.md | 9 套配色主题完整色值（→ loki-deck 共用） |
references/layouts.md | 7 种版式完整 HTML（V2） |
references/layout-fill-principles.md | 排版填充法则（三段式+装饰填空+Horror Vacui） |
references/screenshot-sop.md | 截图切割 SOP |
references/checklist.md | 质量检查清单 |
适合公众号文章 / Newsletter / 长 Markdown 转小红书图文。
references/wechat-to-rednote.md — 把内容分成：图片承担 hook / proof / action，正文承载背景/细节/使用说明，置顶评论承载复制模板/安装说明/长链接，应删掉的重复铺垫。references/content-router.md，判断内容类型和主辅风格。输出内部规划：Content type / Primary style / Secondary style / Evidence required / Page plan。references/style-modes.md，从 10 个风格模式中选 1 主 + 最多 2 辅。references/component-library.md，为每页选组件。每页只承担一个传播任务。references/copy-rules.md。文案要像人写的，优先保留原文里有个人判断、体感、真实经验的句子。references/render-workflow.md。以 templates/xhs-seed.html 为起点生成 index.html，用 scripts/render.mjs 渲染。| 文件 | 用途 |
|---|---|
references/wechat-to-rednote.md | 公众号长文/Markdown 长文转小红书的压缩流程 |
references/content-router.md | 内容类型识别和风格路由 |
references/style-modes.md | 10 种视觉风格和字体/色彩/适用场景 |
references/component-library.md | 组件库，当前 108 个可组合组件 |
references/copy-rules.md | 小红书文案、标题、正文、标签规则 |
references/render-workflow.md | HTML 生成、Playwright/Chrome 渲染和 QA |
适合复杂内容、多维度信息、需要精细组件组合的高级定制。
与 compress 模式的工作流相同（步骤 1-8），区别在于：
| 文件 | 用途 |
|---|---|
references/component-library.md | 108 个可组合组件（核心） |
references/style-modes.md | 10 种视觉风格模式 |
references/content-router.md | 内容类型识别和风格路由 |
references/copy-rules.md | 小红书文案、标题、正文、标签规则 |
references/render-workflow.md | HTML 生成、Playwright/Chrome 渲染和 QA |
templates/xhs-seed.htmlnode scripts/render.mjs xhs-<slug>与 loki-deck 共用。9 种状态的小熊猫形象。
目录：templates/ip-library/（→ ../../loki-deck/templates/ip-library 共用）。使用相对路径 ip-library/loki-original-3d.png 引用。
| 状态 | 文件名 | 适合卡片 |
|---|---|---|
| 原始3D | loki-original-3d.png | 封面 |
| 演示 | loki-presenting.png | 知识分享 |
| 写作 | loki-writing.png | 教程 |
| 兴奋+电脑 | loki-excited-laptop.png | 工具评测 |
| 思考 | loki-thinking.png | 深度/对比 |
| 庆祝 | loki-celebrating.png | 结尾/成就 |
| 酷+手机 | loki-cool-phone.png | 日常/生活 |
| 困倦+咖啡 | loki-sleepy-coffee.png | 效率/加班 |
| 英雄展示 | loki-hero-pose.png | 品牌/展示/封面 |
所有模式截图切割流程统一参考 references/screenshot-sop.md：
references/themes.md 的 9 套配色（与 loki-deck 共用）references/palettes.md 的 5 组配色（simple 专用，不要与 themes.md 混用）references/style-modes.md 的 10 种风格模式中的配色与 loki-deck 共用：品牌标识 / 进度条 / 页码 / 噪点 / 光晕 / 色条 / 标签角标 / 霓虹点 / 引用线 / 关键词高亮。
与 loki-deck 共用：Noto Sans SC 900 / Noto Serif SC 300 italic / Space Grotesk 700/200 / JetBrains Mono 500 / 得意黑(装饰)。标题字体规范以 loki-design-system/references/brand-dna.md 为唯一真相源。
references/layout-fill-principles.md）：顶部标题区25%→中部主视觉区50%→底部辅助区25%，每段都有内容，禁止下半部空白图片承担 hook / proof / action，正文承担细节：
loki-social/
├── SKILL.md ← 统一入口，4 种模式路由
├── templates/
│ ├── carousel-v2.html ← brand 模式 V2 模板（三段式填充+装饰元素+IP视觉主体）★推荐
│ ├── carousel.html ← brand 模式 V1 模板（旧版式）
│ ├── xhs-seed.html ← advanced/compress 模式种子模板
│ └── ip-library/ → loki-deck/templates/ip-library（共用）
├── references/
│ ├── themes.md → loki-deck/references/themes.md（9 套配色，brand 模式用）
│ ├── layouts.md ← 7 种版式完整 HTML（V2，brand 模式）
│ ├── layout-fill-principles.md ← 排版填充法则（三段式+装饰填空+Horror Vacui）
│ ├── screenshot-sop.md ← 截图切割 SOP（所有模式共用）
│ ├── checklist.md ← 质量检查清单（brand 模式）
│ ├── content-router.md ← 内容类型识别和风格路由（compress/advanced 模式）
│ ├── style-modes.md ← 10 种视觉风格和字体/色彩/适用场景（compress/advanced 模式）
│ ├── component-library.md ← 108 个可组合组件（compress/advanced 模式）
│ ├── copy-rules.md ← 小红书文案、标题、正文、标签规则（compress/advanced 模式）
│ ├── wechat-to-rednote.md ← 公众号长文/Markdown 长文转小红书（compress 模式）
│ ├── render-workflow.md ← HTML 生成、渲染和 QA（compress/advanced 模式）
│ ├── content-guide.md ← 原生小红书文案写作指南（simple 模式）
│ ├── card-types.md ← 7 种卡片组件定义（simple 模式）
│ ├── palettes.md ← 5 组配色系统（simple 模式专用）
│ ├── taste.md ← 设计品味准则 + 出厂自检（simple 模式）
│ └── typography.md ← 字体栈 + 字号层级（simple 模式）
├── scripts/
│ ├── render.sh ← Chrome headless 渲染脚本（simple 模式）
│ └── render.mjs ← Playwright/Chrome PNG 渲染脚本（compress/advanced 模式）
└── assets/
└── templates/ ← simple 模式 HTML 模板
├── cover.html
├── big-statement.html
├── pain-story.html
├── feature-list.html
├── compare.html
├── chat-dm.html
└── ending.html
loki-social-{模式}-{版式编号}-{主题名}-{日期}.pngloki-social-brand-X01-caramel-20260705.png、loki-social-simple-cover-editorial-20260705.png用户会不断发送新的参考素材（小红书截图/GitHub开源地址/别人的Skill），根据这些素材持续优化：
references/layouts.mdreferences/themes.md（brand 模式）或 references/palettes.md（simple 模式）ip-library/references/screenshot-sop.mdreferences/component-library.mdreferences/style-modes.md