Agent Skills
返回列表
🎨

飞书卡片消息设计规范

设计多媒体 更新于 2026.08.29

将以下提示词粘贴到你的 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` 消息的内部自动化实施人员