Renders interactive HTML interfaces in chat using the render_ui tool. Use when the user asks to display UI, create a widget, show a form, render a chart, build an interface, or display interactive content.
Quickly install create-interface AI skill to your development environment via command line
Source: cdeistopened/opened-vault.
Render custom HTML interfaces directly in chat using the mcpnoetect-uirenderui tool. Perfect for forms, charts, tables, dashboards, and interactive widgets.
The UI automatically inherits the app's current theme. Use CSS variables for consistent styling across light/dark modes.
| var(--surface-primary) | Main background | | var(--surface-secondary) | Cards, elevated surfaces | | var(--surface-tertiary) | Nested containers | | var(--surface-accent) | Highlighted areas | | var(--surface-muted) | Subtle backgrounds, code blocks |
Renders interactive HTML interfaces in chat using the render_ui tool. Use when the user asks to display UI, create a widget, show a form, render a chart, build an interface, or display interactive content. Source: cdeistopened/opened-vault.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/cdeistopened/opened-vault --skill create-interfaceRenders interactive HTML interfaces in chat using the render_ui tool. Use when the user asks to display UI, create a widget, show a form, render a chart, build an interface, or display interactive content. Source: cdeistopened/opened-vault.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/cdeistopened/opened-vault --skill create-interface Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/cdeistopened/opened-vault