飞书卡片消息设计规范
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_152a8db2/feishu-card-design。
技能介绍
要解决什么问题
飞书机器人与自动化流程里,互动卡片是承载告警、审批、日报的主渠道。卡片本质是结构化 JSON(常见为 msg_type: interactive 加 card 体),字段名、嵌套层级和组件类型都有平台约束。模型若按「大概像卡片」去写,很容易出现组件不识别、布局塌陷或端上渲染异常,排查成本往往落在业务开发身上。
技能如何帮助你
本技能把 飞书卡片消息设计规范 收敛成可被大模型遵循的说明,侧重:
- 信息架构:标题区、正文区、操作区如何分工,何时用
div/markdown/note等块级元素 - 交互组件:按钮、下拉、日期等组件的适用场景与文案长度习惯
- 视觉与可读性:强调层级、避免一屏堆过多主按钮、告警类信息的对比度与语气
- 可维护性:模板化字段命名、可复用的卡片骨架,方便后续改文案而不动结构
在对话中引用该技能后,模型会按规范组织卡片草案,你再对照飞书开放平台文档做最终校验与发布。
适用边界
这是 设计向 的规范技能,不替代 Open API 鉴权、发消息接口或事件订阅的实现细节。不同客户端版本对个别组件的支持可能有差异,上线前仍建议在目标环境做一次真机/真群预览。若你只需要纯文本或简单富文本,不必强行套卡片结构。
使用场景
- 飞书自建应用机器人推送告警时,需要按组件规范拆分标题区、正文 `markdown` 与操作按钮 JSON
- 用大模型起草审批结果、工单状态变更通知,要求输出可直接对照飞书 `interactive` 卡片结构校对
- 把现有 webhook 长文本通知改写成卡片草案,明确 `div`/`note` 层级避免端上渲染错乱
- 设计群内日报或值班汇总机器人模板时,统一主按钮数量、文案长度与告警语气规范
适合人员
- 维护飞书自建应用与消息回调、经常调整互动卡片 JSON 的后端工程师
- 负责把监控与运维事件接入飞书群通知的 SRE,需要可复用的卡片骨架与字段命名
- 借助 AI 生成运营/内宣推送文案的产品运营,希望草案符合飞书卡片组件而非自由格式文本
- 用脚本或集成平台向飞书群发 `interactive` 消息的内部自动化实施人员