·create-interface
*

create-interface

Restitue les interfaces HTML interactives dans le chat à l'aide de l'outil render_ui. À utiliser lorsque l'utilisateur demande à afficher l'interface utilisateur, à créer un widget, à afficher un formulaire, à restituer un graphique, à créer une interface ou à afficher du contenu interactif.

10Installations·0Tendance·@cdeistopened

Installation

$npx skills add https://github.com/cdeistopened/opened-vault --skill create-interface

Comment installer create-interface

Installez rapidement le skill IA create-interface dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/cdeistopened/opened-vault --skill create-interface
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

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 |

Restitue les interfaces HTML interactives dans le chat à l'aide de l'outil render_ui. À utiliser lorsque l'utilisateur demande à afficher l'interface utilisateur, à créer un widget, à afficher un formulaire, à restituer un graphique, à créer une interface ou à afficher du contenu interactif. Source : cdeistopened/opened-vault.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/cdeistopened/opened-vault --skill create-interface
Catégorie
*Créativité
Vérifié
Première apparition
2026-03-10
Mis à jour
2026-03-11

Browse more skills from cdeistopened/opened-vault

Réponses rapides

Qu'est-ce que create-interface ?

Restitue les interfaces HTML interactives dans le chat à l'aide de l'outil render_ui. À utiliser lorsque l'utilisateur demande à afficher l'interface utilisateur, à créer un widget, à afficher un formulaire, à restituer un graphique, à créer une interface ou à afficher du contenu interactif. Source : cdeistopened/opened-vault.

Comment installer create-interface ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/cdeistopened/opened-vault --skill create-interface Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/cdeistopened/opened-vault