xjtulyc Feishu Rich Card — 飞书图文混排卡片
在飞书群聊中发送图文并茂的交互式卡片，用于汇报进展、展示分析结果、项目状态等。
When to Use
- 汇报任务进展、项目状态
- 展示数据分析结果（图表 + 解读）
- 发送研究简报、阶段性成果
- 任何需要图文混排的飞书消息
Architecture
生成图片(SVG→PNG / matplotlib / PIL)
↓
上传图片到飞书 → 获取 image_key
↓
构造 Card JSON (schema 2.0) → 嵌入 img 元素 + markdown 元素
↓
调用飞书 API 发送 interactive 消息
Workflow
Step 1: Prepare Images
图片来源可以是：
- SVG UI 模板 → 用
svg-ui-templatesskill 生成 SVG → cairosvg 转 PNG - matplotlib/seaborn → 直接 savefig 为 PNG
- PIL/Pillow → 程序化生成图片
- 已有文件 → 直接使用本地 PNG/JPG
Step 2: Upload & Send
使用 references/send_card.py 中的辅助函数：
# 完整用法参见 references/send_card.py
from send_card import FeishuCardSender
sender = FeishuCardSender() # 自动读取 openclaw.json 凭证
# 发送图文卡片
sender.send_rich_card(
chat_id="oc_xxx",
title="📊 分析报告",
elements=[
{"type": "markdown", "content": "## 结果摘要\n\n发现 **3 个**显著差异基因"},
{"type": "image", "path": "/tmp/volcano_plot.png", "alt": "火山图"},
{"type": "markdown", "content": "> Gene X: FC=2.5, p<0.001"},
{"type": "hr"},
{"type": "image", "path": "/tmp/heatmap.png", "alt": "热图"},
{"type": "markdown", "content": "**结论：** 样本间差异显著，建议进一步验证。"},
],
header_template="blue" # blue/indigo/green/red/purple/violet/wathet/turquoise/yellow/grey
)
Step 3: Quick One-liner (for simple cases)
sender.send_image_report(
chat_id="oc_xxx",
title="🧬 单细胞分析完成",
intro="UMAP 降维完成，共识别 12 个细胞群：",
image_path="/tmp/umap.png",
conclusion="Cluster 5 为目标细胞群，marker: CD8A, GZMB, PRF1",
header_template="indigo"
)
Card Elements Reference
| Element | Tag | 说明 |
|---|---|---|
| Markdown | markdown |
支持加粗、斜体、链接、列表、引用块、代码块 |
| Image | img |
需要 image_key（上传后获取） |
| Divider | hr |
水平分割线 |
| Column Set | column_set |
多列并排布局 |
| Note | note |
底部灰色备注 |
Header Templates (颜色)
blue wathet turquoise green yellow orange red carmine violet purple indigo grey
Key Rules
- 图片必须先上传到飞书获取
image_key，不能用 URL - Card schema 必须是
"2.0" - 每张卡片最多 50 个元素
- 图片建议宽度 600-1200px，飞书会自动缩放
- markdown 中不能嵌入图片，图片必须是独立的
img元素 - 发送后 OpenClaw 的正常回复会重复，用
NO_REPLY避免
Integration with SVG UI Templates
当需要专业级可视化时，结合 svg-ui-templates skill：
# 1. 生成 SVG（用模板或自定义）
# 2. 转 PNG
python3 -c "import cairosvg; cairosvg.svg2png(url='report.svg', write_to='report.png', output_width=2400)"
# 3. 用本 skill 上传并发送卡片
Default Chat ID
通过环境变量配置：FEISHU_DEFAULT_CHAT_ID（在 .env 中设置）