Slack Block Kit

用自然语言生成Slack富文本布局

开发流程 前端开发全栈开发项目经理 制作数据可视化制作演示素材 通用 ★ 855 更新于 2026-08-01

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:Slack Block Kit。
它的用途是:用自然语言生成Slack富文本布局
完整的 Skill 内容见:https://321skill.com/skills/slack-block-kit-x-3/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

'帮我用Slack Block Kit构建一个包含标题、两个字段列(在线用户数、异常数)和一个'查看详情'按钮的告警通知',它会自动生成对应的JSON代码,并解释每个字段的作用,最后提示如何粘贴到Slack Builder中预览。

介绍

Slack Block Kit 是一个帮助开发者快速构建 Slack 消息富文本布局的 AI 技能。它解决了手动编写复杂 JSON 结构来定义 Slack 消息模板(如通知、报表、交互式卡片)的痛点,让用户只需用自然语言描述布局需求,即可自动生成符合 Slack Block Kit 规范的代码。

使用方式非常直观:你只需告诉 AI“创建一个包含标题、两个字段列和一个按钮的告警通知”或“设计一个带进度条和用户头像的状态更新消息”,它就能输出对应的 JSON 代码,并附上可视化预览说明。你还可以在此基础上进一步调整颜色、间距、组件类型等细节,无需记忆 API 文档。

这个技能特别适合前端开发、全栈开发以及需要频繁通过 Slack 发送自动化通知的运维工程师、数据分析师和项目经理。无论是发送业务监控告警、日报摘要,还是构建交互式表单,它都能大幅提升消息模板的开发效率。

建议在使用前先了解 Slack Block Kit 的基本组件(如 Sections、Actions、Context),以便更好地描述需求。注意,该技能主要生成静态布局代码,对于需要动态数据绑定的场景(如实时更新字段),你需要结合 Slack Webhook 或 Bot 的变量机制自行处理。

核心特点

相比手动编写 Slack Block Kit JSON,这个技能通过自然语言描述自动生成符合规范的代码,并支持在对话中迭代调整,避免了频繁查阅文档和手动拼接 JSON 的繁琐过程。

注意事项

不适合需要高度自定义的复杂交互逻辑(如多步骤表单、动态数据绑定)或非 Slack 平台的消息构建。

常见问题

支持哪些 Slack 消息组件?

支持所有标准 Block Kit 组件,包括 Sections、Actions、Context、Image、Divider 等,以及 Input 元素用于交互式消息。

如何预览生成的布局?

生成代码后,你可以将其粘贴到 Slack Block Kit Builder 官方页面(https://app.slack.com/block-kit-builder)进行实时预览和调试。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/slack-block-kit-x-3/raw/index.md 读取 Slack Block Kit 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。