Rendert interaktive HTML-Schnittstellen im Chat mit dem render_ui-Tool. Wird verwendet, wenn der Benutzer die Benutzeroberfläche anzeigen, ein Widget erstellen, ein Formular anzeigen, ein Diagramm rendern, eine Schnittstelle erstellen oder interaktive Inhalte anzeigen möchte.
Installieren Sie den KI-Skill create-interface schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: 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 |
Rendert interaktive HTML-Schnittstellen im Chat mit dem render_ui-Tool. Wird verwendet, wenn der Benutzer die Benutzeroberfläche anzeigen, ein Widget erstellen, ein Formular anzeigen, ein Diagramm rendern, eine Schnittstelle erstellen oder interaktive Inhalte anzeigen möchte. Quelle: cdeistopened/opened-vault.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/cdeistopened/opened-vault --skill create-interfaceRendert interaktive HTML-Schnittstellen im Chat mit dem render_ui-Tool. Wird verwendet, wenn der Benutzer die Benutzeroberfläche anzeigen, ein Widget erstellen, ein Formular anzeigen, ein Diagramm rendern, eine Schnittstelle erstellen oder interaktive Inhalte anzeigen möchte. Quelle: cdeistopened/opened-vault.
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/cdeistopened/opened-vault --skill create-interface Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
https://github.com/cdeistopened/opened-vault