Does it provide JSON snippets for Block Kit components?

Absolutely. The skill includes standardized JSON examples for Headers, Sections, Actions, Input blocks, and various interactive elements like select menus and date pickers.

What Slack surfaces are supported by this skill?

The skill provides guidance for all three primary Slack surfaces: Messages, Modals, and App Home tabs, including the specific block limits for each.

Can I use this skill with JavaScript or TypeScript?

Yes, it includes specific implementation examples for the slack-block-builder library, which is a popular tool for building Slack UIs in JS/TS environments.

How does this help with Slack's Block Kit limits?

The skill includes a quick-reference table for maximum block counts across different surfaces (e.g., 50 for messages vs. 100 for modals) to ensure your UI is valid.

Slack Block Kit Builder

Name: Slack Block Kit Builder
Author: linehaul-ai

bylinehaul-ai

•

Collaboration Tools

Constructs sophisticated Slack user interfaces using Block Kit components for interactive messages, modals, and app Home tabs.

About

The Slack Block Kit skill streamlines the creation of rich Slack UIs by providing a comprehensive guide to Slack's JSON-based layout framework. It offers detailed implementation patterns for structural blocks, interactive elements, and composition objects, ensuring developers can build professional-grade notifications, multi-step forms, and dynamic dashboards. By integrating support for both raw JSON structures and the slack-block-builder library, this skill helps developers optimize their Slack app's user experience while adhering to surface-specific block limits and design best practices.

Key Features

Support for the slack-block-builder JavaScript/TypeScript library
Comprehensive reference for layout blocks like Sections, Actions, and Inputs
1 GitHub stars
Implementation patterns for Messages, Modals, and App Home tabs
Detailed surface limits and composition object documentation
Guidance for interactive elements including Buttons, Selects, and Date pickers

Use Cases

Building complex multi-step data entry forms within Slack modals
Designing interactive bot notifications with actionable buttons and fields
Creating dynamic, user-specific dashboards for Slack App Home tabs

About

Key Features

Support for the slack-block-builder JavaScript/TypeScript library
Comprehensive reference for layout blocks like Sections, Actions, and Inputs
1 GitHub stars
Implementation patterns for Messages, Modals, and App Home tabs
Detailed surface limits and composition object documentation
Guidance for interactive elements including Buttons, Selects, and Date pickers

Use Cases

Building complex multi-step data entry forms within Slack modals
Designing interactive bot notifications with actionable buttons and fields
Creating dynamic, user-specific dashboards for Slack App Home tabs