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.

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

01Support for the slack-block-builder JavaScript/TypeScript library

02Comprehensive reference for layout blocks like Sections, Actions, and Inputs

031 GitHub stars

04Implementation patterns for Messages, Modals, and App Home tabs

05Detailed surface limits and composition object documentation

06Guidance for interactive elements including Buttons, Selects, and Date pickers

Use Cases

01Building complex multi-step data entry forms within Slack modals

02Designing interactive bot notifications with actionable buttons and fields

03Creating dynamic, user-specific dashboards for Slack App Home tabs

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add linehaul-ai/linehaulai-claude-marketplace slack-block-kit

For use in Claude.ai and ChatGPT

Download Skill