Menu
生成 Loki 个人风格的小红书/社交图文。支持4种模式：simple（快速模板）、brand（品牌风格+IP形象）、compress（公众号转小红书）、advanced（108组件高级定制）。当用户需要制作小红书图文、社交卡片、carousel时使用。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
英语课件生成器：输入任意主题（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