Kimi Websites

Comprendendo input visivi (mockup UI, screenshot, video di interazione) e istruzioni in linguaggio naturale, Kimi traduce ciò che fornisci in codice frontend completo e funzionante, che non si limita alla UI statica ma include anche il comportamento interattivo dinamico.

Panoramica delle funzionalità

Come usare Kimi Websites?

Metodo 1: visita la pagina di Kimi Websites

1. Apri il browser: usa Chrome, Safari, Edge, Firefox o qualsiasi browser diffuso
2. Vai su: kimi.com/websites (disponibile in cinese e inglese)
3. Accedi: con il tuo account Kimi (numero di telefono o email)
4. Inserisci la tua richiesta:

5. Inizia a creare: scegli un modello o parti da una conversazione

Metodo 2: app per dispositivi mobili

L'app ufficiale di Kimi è disponibile per iOS, Android e HarmonyOS. Nell'area di input, tocca la Barra delle attività → passa alla modalità Websites Agent, che include strumenti di generazione multimodale e le funzionalità Agent.

Metodo 3: usa la modalità K2.6 Agent

Passa alla modalità K2.6 Agent e inserisci un'attività di creazione di un sito web. Kimi attiverà le sue capacità di coding visivo e gli strumenti di esecuzione del codice.

Come funziona Kimi Websites?

Passaggio 1: crea un sito web tramite conversazione

Descrivi le tue esigenze in linguaggio naturale. Sono supportate tre modalità di creazione:

Esempio di prompt:

Text

Passaggio 2: processo di creazione

Kimi website attiva la SKILL di creazione di webapp, un agente dedicato alla generazione di codice in più round:

1. Analisi dei requisiti: analizza i moduli del sito, lo stile visivo e la logica di interazione
2. Pianificazione delle attività: scompone il lavoro in sotto-attività di design, sviluppo e preparazione delle risorse
3. Scelta dello stack tecnologico: seleziona l'architettura più adatta (ad esempio React + Tailwind CSS)
4. Generazione delle risorse: crea immagini, icone e altre risorse visive
5. Costruzione del codice: scrive la struttura della pagina, lo stile e il codice di interazione
6. Ottimizzazione in più round: si autoregola in base ai risultati dell'anteprima fino al completamento

Passaggio 3: anteprima e modifica

• Anteprima dal vivo: genera un URL HTML di dimostrazione per visualizzarlo subito nel browser
• Modifica tramite conversazione: prosegui la conversazione per richiedere modifiche, ad esempio "Rendi scura la barra di navigazione"

Passaggio 4: modifica visiva online

• Ottimizzazione in più round: rifinisci i dettagli con una conversazione continua
• Modalità di modifica:
  • Modalità annotazione: clicca sulle aree per aggiungere annotazioni in linguaggio naturale
  • Modalità selezione: seleziona qualsiasi elemento e aggiungi annotazioni
  • Usa rettangoli, frecce, pennelli e cambio di colore per segnalare suggerimenti di revisione
• Invia tutti i suggerimenti di revisione a Kimi in una sola volta

Passaggio 5: pubblicazione

Al termine della generazione puoi:

• Cliccare sulle diverse versioni di pubblicazione per scaricare i file della versione
• Cliccare sul pulsante di condivisione per ottenere un link pubblicamente accessibile (oppure impostarlo come privato)
• Cliccare sul pulsante di modifica per continuare a revisionare
• Scaricare il codice completo HTML/CSS/JS per la pubblicazione diretta o per ulteriori rifiniture

Destinatari

Scenari di riferimento