cre8-mcp-ui

Community

Serve cre8-wc UIs via Python MCP tools.

Authortmorrowdev
Version1.0.0
Installs0

System Documentation

What problem does it solve?

cre8-mcp-ui removes the boilerplate required to present CRE8 web components as interactive UI inside MCP-based Python agents, including reliable UI-to-host callbacks.

Core Features & Use Cases

  • FastMCP-ready UI resources: Wrap cre8-a2ui schemas or HTML fragments into UIResource objects that MCP hosts can render.
  • Zero-JavaScript interactivity for most cases: Turn declarative events in the schema into data-cre8-action wiring that calls MCP tools through the page-shell bridge.
  • Built-in Python + shell patterns: Provides the page shell (loads @tmorrow/cre8-wc and implements the postMessage bridge), a Python helper (from_schema, from_html), and consistent URI/title/return-type conventions.
  • Theme token support: Inject brand CSS tokens into the shell so the UI matches an Innovexa/CRE8 design system palette.
  • Charts handled correctly: Guides using cre8-chart with from_html and JS property assignment (.data / .options), including manual wiring for data-click callbacks.

Quick Start

Ask the AI to generate a Python FastMCP server tool that returns an interactive ui:// resource built from a cre8-a2ui schema using the cre8-mcp-ui bridge.

Dependency Matrix

Required Modules

None required

Components

scriptsreferencesassets

💻 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: cre8-mcp-ui
Download link: https://github.com/tmorrowdev/tmorrow_ai/archive/main.zip#cre8-mcp-ui

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.