Panoramica

Vibr è uno strumento di prototipazione per designer. Descrivi una schermata a parole e un agente la pianifica, la costruisce con il design system che scegli, verifica che venga visualizzata, la revisiona per individuare problemi di accessibilità e di layout e corregge ciò che trova. Il risultato è vero codice React che puoi navigare, modificare, annotare, collegare in flussi ed esportare.

Come funziona

1. Porta la tua chiave. Vibr chiama Google Gemini, OpenAI, Anthropic o OpenRouter con la tua chiave API. La chiave resta nel tuo browser.
2. Scegli un design system. Material UI, Ant Design, Fluent UI, Mantine, Shoelace, Octuple o qualsiasi pacchetto su npm.
3. Descrivi una schermata. Vibr mostra ogni passaggio mentre lavora e il canvas disegna la schermata mentre viene scritta.
4. Continua. Chiedi modifiche, indica un elemento per modificare solo quella parte, confronta le versioni, fissa i feedback e salva nella tua libreria.

Cosa lo rende diverso

• Componenti veri, non imitazioni. Le bozze importano dal pacchetto reale del design system, quindi ciò che vedi è ciò che uno sviluppatore rilascerebbe.
• Controlla il proprio lavoro. Ogni bozza viene visualizzata e poi revisionata a larghezze desktop, tablet e smartphone con verifiche automatiche di accessibilità prima che tu la veda.
• La tua libreria viaggia con te. Immagini, video, temi colori, scale tipografiche e icone che aggiungi possono essere inseriti in qualsiasi richiesta con una menzione @.
• Nessun account, nessun server. Tutto viene eseguito nel browser. Vedi Chiavi, privacy e archiviazione.

Dove andare dopo

• Sei nuovo? Inizia da Primi passi.
• Vuoi risultati migliori? Leggi Scrivere i prompt.
• Ti chiedi cosa significano i passaggi? Vedi Come funziona una generazione.
• Qualcosa è andato storto? Consulta Risoluzione dei problemi.