Slack Block Kit

一键生成 Slack 富交互布局

安装使用

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

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

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

使用示例

'帮我生成一个 Slack 消息,包含一个标题、一段描述文字、一张图片和两个按钮(确认/取消),按钮颜色为绿色和红色。' 它会立刻输出完整的 Block Kit JSON 代码,并附上预览说明,你可以直接复制粘贴到 Slack 消息发送接口中。

介绍

Slack Block Kit 技能让你无需手动编写复杂的 JSON 结构,只需用自然语言描述你想要的布局,AI 就能直接生成符合 Slack Block Kit 规范的富消息、交互式组件或完整应用界面。它解决了开发者在 Slack 中构建自定义消息、表单、通知时面临的格式繁琐、调试困难的问题,大幅提升工作效率。

使用非常简单:你只需告诉 AI 你的需求,比如“创建一个包含按钮、图片和文本的欢迎消息”,AI 就会输出对应的 Block Kit JSON 代码,并附带可视化预览效果。你还可以通过迭代描述来调整布局、颜色、交互行为,直至完美。

这个技能特别适合前端开发、全栈开发以及智能体开发者——无论是搭建 Slack 机器人、创建内部工具通知,还是为 AI Agent 设计交互式回复,都能快速产出高质量布局。如果你是产品经理或运营人员,也可以用它快速生成原型示例。

建议在熟悉 Slack Block Kit 基础概念后使用,以便更精准地描述布局需求。对于复杂交互(如动态数据绑定),可能需要结合 Slack API 文档进一步优化。注意输出代码需在 Slack 环境中测试,确保 token 和权限正确。

核心特点

相比手动编写 Block Kit JSON 或使用在线 Builder,本技能支持自然语言驱动,能自动生成可复制粘贴的代码,并理解上下文中的布局意图,避免反复查阅文档。

注意事项

不适用于需要深度定制 CSS 样式或非标准 Slack 客户端(如自定义 Webhook 渲染)的场景。

常见问题

可以生成 Slack 的模态框(Modal)吗?

可以,支持生成 Modal 的 view 对象,包含输入框、按钮等组件。

生成的代码需要修改吗?

通常可直接使用,但复杂业务逻辑(如动态数据)需自己补充后端处理。

给 AI 助手的安装指引

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

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