·create-interface
*

create-interface

Rende le interfacce HTML interattive nella chat utilizzando lo strumento render_ui. Da utilizzare quando l'utente chiede di visualizzare l'interfaccia utente, creare un widget, mostrare un modulo, eseguire il rendering di un grafico, creare un'interfaccia o visualizzare contenuto interattivo.

10Installazioni·0Tendenza·@cdeistopened

Installazione

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

Come installare create-interface

Installa rapidamente la skill AI create-interface nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/cdeistopened/opened-vault --skill create-interface
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: 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 |

Rende le interfacce HTML interattive nella chat utilizzando lo strumento render_ui. Da utilizzare quando l'utente chiede di visualizzare l'interfaccia utente, creare un widget, mostrare un modulo, eseguire il rendering di un grafico, creare un'interfaccia o visualizzare contenuto interattivo. Fonte: cdeistopened/opened-vault.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/cdeistopened/opened-vault --skill create-interface
Categoria
*Creatività
Verificato
Prima apparizione
2026-03-10
Aggiornato
2026-03-11

Browse more skills from cdeistopened/opened-vault

Risposte rapide

Che cos'è create-interface?

Rende le interfacce HTML interattive nella chat utilizzando lo strumento render_ui. Da utilizzare quando l'utente chiede di visualizzare l'interfaccia utente, creare un widget, mostrare un modulo, eseguire il rendering di un grafico, creare un'interfaccia o visualizzare contenuto interattivo. Fonte: cdeistopened/opened-vault.

Come installo create-interface?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/cdeistopened/opened-vault --skill create-interface Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

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