Skills
.Work. You
Rest

ui-rendering

Official

Render interactive UI components inside chat.

Design & Creative#catalog#forms#maps#data-table#chat components#ui rendering
Authorskaile-ai
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Rendering interactive UI components inside chat enables immediate data collection, structured input, and rich feedback without leaving the conversation, reducing context switching and back-and-forth.

Core Features & Use Cases

  • Emit ui_render events to display catalogs, forms, data-tables, maps, and previews directly in the chat.
  • Support multiple components (catalog, single-select, multi-select, form, confirm, data-table, markdown, code, image, file-link, file-list, location, map) and guide user interactions with on_interact callbacks.
  • Enforce UI_MANIFEST compliance by ensuring components exist in the manifest and that interactions trigger appropriate client-side actions.

Quick Start

Render a catalog of options in the chat and capture the user’s selection.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ui-rendering
Download link: https://github.com/skaile-ai/ai-assets/archive/main.zip#ui-rendering

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.