Skills
.Work. You
Rest

create-tool-renderer

Community

Create MCP tool renderers for chat outputs.

Software Engineering#frontend#react#rendering#MCP#registry#tool-output#tool-renderer
Authorarmanisadeghi
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Automates the creation of hardcoded MCP tool renderers to reliably visualize tool outputs inside the chat interface, ensuring consistent UI and registry integration.

Core Features & Use Cases

  • Inline previews and full-screen overlay components that consume ToolLifecycleEntry
  • Registry integration with standardized headers via getHeaderSubtitle/getHeaderExtras
  • Supports both deterministic and dynamic content via paired Inline/Overlay patterns

Quick Start

Provide the MCP tool name and a sample ToolLifecycleEntry to generate a production-ready inline and overlay renderer.

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: create-tool-renderer
Download link: https://github.com/armanisadeghi/ai-matrx/archive/main.zip#create-tool-renderer

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 471,000+ vetted skills library on demand.