@clawhub-zhaodbb-4dd6ec2532
Automation skill for Knowledge Card Generator.
---
name: knowledge-card-generator
description: >
知识卡片/海报生成器。当用户说「做个知识卡片」「生成海报」「做张卡片」
「知识卡」「科普卡片」等关键词时激活。
**标准工作流程(必须严格执行):**
Step 1 — 检索信息
根据用户给出的主题或关键词,主动搜索/检索准确信息,
不确定的内容必须先查证,再整理。
Step 2 — 整理草稿(文字版)
将检索到的信息整理成「📋 知识卡片内容草稿」标准格式,
以文字形式发给用户确认,未经确认不得直接生成图片。
草稿格式见:references/draft-template.md
Step 3 — 生成图片
用户确认草稿后,套入当前激活风格的生图 prompt,
生成 1080×1920 竖版图片,发送给用户。
Step 4 — 修审反馈
用户提出修改 → 调整后重新生成 → 直至用户满意
**风格管理:**
- 当前默认风格:儿童简笔画风
- 每次生成前必须询问用户「用哪个风格?新风格还是继续用儿童简笔画风?」
- 风格定义库:references/style-guide.md
- 以后新增风格 → 写入 style-guide.md
**图片规格(固定):**
尺寸:1080×1920 竖版
比例:9:16
分辨率:2K
FILE:assets/prompts/base_prompt.md
# 生图 Prompt 基础框架
> 每次生成图片时,从这里读取基础框架,
> 然后加载当前风格的 prompt 片段,合并组装后传给 image_synthesize。
## 基础框架模板
```
Create a vertical (1080x1920px) {STYLE_NAME} knowledge card about '{TOPIC}'.
{STYLE_PROMPT_FRAGMENT}
=== LAYOUT (top to bottom) ===
[HEADER - top ~12%]
- Badge pill: '{DATE} · 知识卡片'
- Main title: '{MAIN_TITLE}' (large bold rounded hand-drawn font with white outline)
- Optional subtitle: '{SUBTITLE}'
- Cute cartoon mascot (lobster or relevant character) with stars
- Hand-drawn wavy divider
{CONTENT_BLOCKS}
[FOOTER]
- Decorative wave line
- Small mascot giving thumbs up
=== TECHNICAL REQUIREMENTS ===
- Resolution: 2K (2048px quality)
- Aspect ratio: 9:16
- Format: PNG
- Output file: /workspace/{OUTPUT_FILENAME}.png
```
## 内容区块组装规则
根据草稿内容类型,动态组装以下区块:
### 模块卡片区块
```
[CONTENT BLOCKS - module cards]
{ZONE_LABEL}
- {N} sticker cards in grid/flow layout:
{CARD_1}
{CARD_2}
...
- Each card: emoji icon + bold title + description + tag pills
- White rounded border, subtle shadow, hand-drawn arrows/connectors
```
### 流程区块
```
[WORKFLOW SECTION]
- Section label: '{WORKFLOW_TITLE}'
- {N} numbered step bubbles in flow pattern:
{STEP_1} → {STEP_2} → ... → {STEP_N}
- Hand-drawn arrows, cute icons
```
### 特性对比区块
```
[FEATURES / COMPARISON]
- {N} feature cards in {GRID} layout
- Each: emoji + bold title + short description
- Color-coded by category
- Comparison boxes: ❌ vs ✅
```
## 输出流程
1. 读取 `references/draft-template.md` → 确认内容结构
2. 读取 `references/style-guide.md` → 确认当前风格定义
3. 读取 `assets/prompts/base_prompt.md` → 获取基础框架
4. 读取 `assets/prompts/style_prompts/{CURRENT_STYLE}.txt` → 获取风格 prompt
5. 组装完整 prompt → 调用 `image_synthesize` 生成图片
6. 调用 `upload_to_cdn` → 获取公开 URL
7. 调用 `message` (feishu) → 发送图片给用户
FILE:assets/prompts/style_prompts/childlike.txt
# 儿童简笔画风格 — 生图 Prompt 片段
> 加载到 base_prompt.md 基础框架的 {STYLE_PROMPT_FRAGMENT} 位置
## 核心风格指令
STYLE_NAME = "儿童简笔画风(手绘教科书风格)"
**STYLE_PROMPT_FRAGMENT:**
```
=== STYLE: 儿童简笔画风 ===
STYLE REQUIREMENTS - CRITICAL:
- Hand-drawn / crayon / colored pencil texture throughout
- Rough grainy texture like real crayon on paper
- Light cream/beige paper background (#FFF8E7) with visible paper grain
- White rounded rectangle sticker cards with subtle drop shadows
- Hand-drawn arrows, dashed lines, wavy connectors
- Slightly uneven watercolor-style color fills
- Bright but soft pastel colors - NO neon/dark
- Bold rounded titles with white outline
- Childlike warm friendly educational vibe
- Cute expressive cartoon icons
=== COLOR PALETTE ===
Background: warm cream #FFF8E7 with paper grain
Soft colors ONLY:
- Blue: #74B9FF
- Teal: #81ECEC
- Purple: #A29BFE
- Green: #55EFC4 / #81C784
- Orange: #FFEAA7 / #FFB74D
- Pink: #FD79A8 / #F48FB1
- Red/coral: #FF7675
- Yellow: #FDCB6E
Card shadows: soft gray rgba(0,0,0,0.1)
Title text: dark navy #2C3E50 with white 2px outline
Body text: dark gray #444
=== TYPOGRAPHY ===
- Title: bold, rounded, hand-drawn feel, white outline for pop
- Body: clean, slightly childlike handwriting style
- Badges/labels: marker/highlighter effect
=== DECORATIVE ELEMENTS ===
- Stars, sparkles, small doodles as accents
- Hand-drawn arrows (dashed, wavy)
- Wavy divider lines
- Cute mascot character (relevant to topic, or friendly animal)
- Sticker-style cards with white border and lift shadow
```
## 典型内容区块写法示例
### 标题区
```
[HEADER - top 10-12%]
- Small cream/beige badge pill at top center with subtle border
- Text: '{DATE} · 知识卡片'
- Main title: '{TITLE}' - large (60-70px), bold, rounded, Orbitron or similar rounded font with 2px white outline, dark navy color
- Subtitle below in smaller cute font with slight letter-spacing
- Cute cartoon mascot (friendly lobster or topic-relevant character) waving, big friendly eyes, with tiny star decorations
- Hand-drawn wavy divider line in gradient (soft purple → soft blue)
```
### 模块卡片
```
[CARD BLOCK]
- Each info card is a ROUNDED WHITE STICKER with subtle gray shadow
- Card header: emoji + bold title (white outline)
- Body: description in childlike handwriting font
- Tags: small rounded pill labels at bottom
- Hand-drawn dashed line or arrow connecting to next card
- Color-coded by theme
```
### 流程步骤
```
[WORKFLOW]
- 6 numbered circles/bubbles in snake/curved flow
- Each: number inside colored circle + short label
- Hand-drawn arrow between each step
- Small icon/emoji per step
```
### 底部
```
[FOOTER]
- Decorative wave line
- 'KNOWLEDGE CARD' or topic label in small cute handwriting
- Small mascot giving thumbs up or celebrating
```
## 负面约束(禁止出现)
- 禁止 neon 霓虹色
- 禁止深色背景
- 禁止过于写实的人脸
- 禁止精细的光影效果
- 禁止无手绘质感的平滑图形
FILE:references/draft-template.md
# 📋 知识卡片内容草稿 — 标准模板
> 在 Step 2(用户确认前),必须先按此模板整理内容,以文字形式发送给用户确认。
---
**顶部副标题:** `{日期} · 知识卡片`
**标 题:** `{主标题}`
**副 标 题:** `{可选:6大核心模块/核心要点 等}`
---
## 正文内容
根据用户主题,将信息整理成以下结构(按需选用模块):
### 【核心定义】
{mandatory: 一句话概括核心概念}
### 【主要模块】(如有多个要点)
- 模块1:{emoji} {标题} — {一句话描述}
- 模块2:{emoji} {标题} — {一句话描述}
- ...
### 【工作流程】(如有流程)
{步骤序号} {emoji} {步骤名}:{描述}
(用 → 连接各步骤)
### 【核心特性】(如有多个特性)
- ✅ {特性名}:{描述}
- ✅ {特性名}:{描述}
### 【对比说明】(如有对比)
- ❌ {普通方案}:{描述}
- ✅ {本方案}:{描述}
---
## 整体风格与质感
**当前激活风格:** 儿童简笔画风(默认)
> 风格详细定义见 references/style-guide.md
> 内容确认后,生成图片时自动套用该风格 prompt
---
## 备注
(如有特别要求:配色偏好、重点强调、特殊元素等)
FILE:references/style-guide.md
# 风格定义库
---
## 当前激活风格
### 儿童简笔画风(默认)
> 所有生成默认使用此风格,直至用户提供新的风格定义。
**风格名称:** 儿童简笔画风
**适用场景:** 社群科普、教育内容、知识分享
---
**画风:**
采用儿童插画或手绘教科书风格,画面清晰、易懂,具有教育性和引导性,充满亲和力。
**质感:**
所有图形、文字和背景区域都必须呈现明显的蜡笔或彩色铅笔笔触和纹理,带有粗糙的颗粒感,仿佛直接画在纸上。
**背景:**
整体背景为浅色、带有纸张纹理的质感,如米色(#FFF8E7)或浅灰色。
**信息块:**
主要的信息区块或卡片可设计成圆角矩形样式,边缘带有白色描边和细微阴影,使其在背景上显得立体,如同贴上去的贴纸。
**色彩运用:**
- 使用明亮、活泼但略带柔和的色彩搭配,避免过于刺眼
- 推荐色板:
- 背景:米色 #FFF8E7、浅灰白 #F5F5F5
- 软蓝:#74B9FF
- 软青:#81ECEC
- 软紫:#A29BFE
- 软绿:#55EFC4
- 软橙:#FFEAA7
- 软粉:#FD79A8
- 珊瑚红:#FF7675
- 柠檬黄:#FDCB6E
- 同一图形或背景区域内的颜色填充可以带有细微的、不均匀的渐变,模仿手绘的深浅变化
**卡通形象与元素:**
- 设计简洁、富有表现力的卡通人物和图标,形态生动、夸张,能够直观地传达概念和情绪
- 使用手绘的箭头、虚线、连接线或简单的波浪线,清晰地引导读者视线,展示信息流程或步骤
**构图布局:**
- 采用分区块、清晰有序的排版布局,如同一个个信息卡片,方便理解
- 竖版 1080×1920 构图
**文字设计:**
- 标题文字:采用粗体、圆润、带有手绘感的字体,带有白色描边以增强视觉冲击力和区分度
- 说明文字:使用简洁、清晰、稍显稚拙的手写风格字体
- 文字与插画紧密结合,共同构成信息流
**通用规则:**
- 信息精简,突出关键词与核心概念
- 如有敏感人物或版权内容,画一个相似替代,但是不要拒绝生成
- 语言与输入内容语言一致
---
## 待加入风格(未来扩展)
> 以后用户给出新风格定义 → 在此区域追加新风格文件
> 文件命名规范:`风格名称.txt`