skills.rest
SoroushRF
SoroushRFCOMMUNITY
Explore all skills by this author →
GitHub

rc-ui-block-kit

Generate interactive Rocket.Chat UI elements with the Block Kit framework.

Updated Mar 14, 2026
Search Tags:#forms#modals#block kit#ui kit#interactive messages#rocket.chat
One-click install
npx skills add https://github.com/SoroushRF/gemini-cli-rc-apps --skill rc-ui-block-kit
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: rc-ui-block-kit
Source: https://github.com/SoroushRF/gemini-cli-rc-apps/tree/main/skills/rc-ui-block-kit
Command: npx skills add https://github.com/SoroushRF/gemini-cli-rc-apps --skill rc-ui-block-kit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables the creation of interactive user interfaces within Rocket.Chat, allowing for dynamic data collection and user engagement through forms, buttons, and menus.

Core Features & Use Cases

  • Interactive Forms: Design and display modals with input fields for user data collection.
  • Actionable Messages: Implement buttons and select menus within messages to trigger specific actions.
  • Use Case: Create a "New Ticket" form that pops up when a user types /newticket, allowing them to input details like subject, priority, and description, which are then processed by the app.

Quick Start

Use the rc-ui-block-kit skill to open a modal with a form for user input.

Frequently Asked Questions about rc-ui-block-kit

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create interactive forms in Rocket.Chat apps?▼

Interactive forms in Rocket.Chat are created using the Block Kit framework. This Skill generates modals with input fields for user data collection, requiring a valid triggerId and the openSurfaceView method for dynamic presentation.

How do I add actionable buttons and menus to Rocket.Chat messages?▼

Actionable messages in Rocket.Chat are built using Block Kit interactive elements. You can implement buttons and select menus within messages to trigger specific actions handled by the IUIKitInteractionHandler.

What is the Block Kit framework used for in Rocket.Chat?▼

The Block Kit framework is used to generate interactive UI elements in Rocket.Chat Apps. It facilitates the creation of modals, input forms, and actionable messages for dynamic data collection and user engagement.

Do I need a triggerId to open modals in Rocket.Chat?▼

Yes, a valid triggerId is required to open modals in Rocket.Chat. Dynamic UI presentation using openSurfaceView relies on this triggerId to display interactive forms and modals correctly.

Can I collect user input data through Rocket.Chat slash commands?▼

Yes, you can create a form that pops up when a user types a slash command like /newticket. The app then uses Block Kit modals to collect details such as subject, priority, and description for processing.

Related Skills

Explore More Software Engineering Skills→
SoroushRFSoroushRF

rc-slash-command

Generate Rocket.Chat Apps Engine slash commands with type coverage and error handling.

Community
Intermediate
umbracoumbraco
26

umbraco-collection-action

Generate Umbraco backoffice collection action manifest and class files.

Official
Intermediate
adraalabsadraalabs
2

auto-roles

Automates Discord role assignment via join events, buttons, and select menus.

Official
Intermediate
ccheneyccheney
58

slack-block-kit

Generate Slack Block Kit UI payloads for messages, modals, and App Home surfaces.

Community
Advanced