Skip to contentPular para o conteúdo
Get StartedComeçar
ThemeTema
LanguageIdioma
AccentDestaque
Get StartedComeçar

Direct your sessions like films.Dirija suas sessões como filmes.

The Lab is where Velora is heading next: describe a scene in plain words, let AI draft it, and direct the result as a film, with acts, takes and cuts. Everything on this page is a plan. None of it is built yet.O Lab é para onde o Velora vai a seguir: descreva uma cena em palavras simples, deixe a IA rascunhá-la e dirija o resultado como um filme, com atos, takes e cortes. Tudo nesta página é um plano. Nada disso foi construído ainda.

Proposed · sessionProposto · sessão“Dark product reveal. Title rises, three cards arrive, slow zoom.”“Revelação escura de produto. O título sobe, três cartões chegam, zoom lento.”<h1 vl-enter="fade-up">Drafted by AI, checked by the compiler, shipped without script.Rascunhado pela IA, verificado pelo compilador, entregue sem script.

Describe it. The Lab drafts it.Descreva. O Lab rascunha.

You write what the scene should feel like. AI proposes the markup using Velora attributes. You keep the decision.Você escreve como a cena deve parecer. A IA propõe a marcação usando atributos do Velora. A decisão continua sua.

ProposedProposto
  1. 01 · Brief01 · Briefing

    Say it in words.Diga com palavras.

    “A dark product reveal. Title rises, three cards arrive one by one, then a slow zoom.”“Uma revelação escura de produto. O título sobe, três cartões chegam um a um, depois um zoom lento.”

  2. 02 · Draft02 · Rascunho

    AI writes the scene.A IA escreve a cena.

    A first version made only of public vl-* attributes and plain HTML and CSS.Uma primeira versão feita só de atributos públicos vl-* e HTML e CSS simples.

  3. 03 · Check03 · Verificação

    The compiler gates it.O compilador filtra.

    Unknown presets and invalid values are rejected before you ever see the draft.Presets desconhecidos e valores inválidos são rejeitados antes de você ver o rascunho.

  4. 04 · Decide04 · Decisão

    You approve or redirect.Você aprova ou redireciona.

    Every change shows as a readable diff of attributes, so you learn the grammar while you direct.Toda mudança aparece como um diff legível de atributos, então você aprende a gramática enquanto dirige.

CodeCódigo
<!-- Proposed sketch, not implemented -->
brief:  "dark product reveal, title rises, three cards in sequence"
draft:  <section vl-scene vl-timeline="view" vl-pin="4">
          <div vl-stage>
            <h1 vl-act="1" vl-enter="fade-up">…</h1>
            <article vl-act="2" vl-enter="clip-rise">…</article>
check:  compiler validate → pass | list of issues sent back to the draft

A session is a film.Uma sessão é um filme.

Work is organised the way a director thinks: a script, acts on a timeline, several takes, and one final cut.O trabalho se organiza como um diretor pensa: um roteiro, atos numa timeline, vários takes e um corte final.

ProposedProposto
  • ActsAtosEach act maps to a beat on the scene clock, so “make act 2 slower” is a precise instruction.Cada ato corresponde a um tempo no relógio da cena, então “deixe o ato 2 mais lento” é uma instrução precisa.
  • TakesTakesAsk for another take and keep both. Compare them side by side before choosing.Peça outro take e fique com os dois. Compare lado a lado antes de escolher.
  • DirectionDireçãoSay “more weight”, “faster cut”, “calmer”. The Lab turns it into timing and channel changes.Diga “mais peso”, “corte mais rápido”, “mais calmo”. O Lab transforma isso em mudanças de tempo e de canal.
  • Final cutCorte finalThe chosen take is exported as one HTML file. No AI is needed to play it.O take escolhido é exportado como um único arquivo HTML. Nenhuma IA é necessária para reproduzi-lo.

AI helps you author. It never ships.A IA ajuda você a criar. Ela nunca vai junto na entrega.

The rules that keep the Lab aligned with Velora’s no-JavaScript promise.As regras que mantêm o Lab alinhado com a promessa de zero JavaScript do Velora.

ProposedProposto
  • Authoring time onlySomente em tempo de autoriaAI runs while you work. The page you publish contains no AI call and no script.A IA roda enquanto você trabalha. A página que você publica não contém chamada de IA nem script.
  • Grammar firstGramática primeiroDrafts may only use attributes the compiler accepts. Anything else is rejected, not guessed.Os rascunhos só podem usar atributos que o compilador aceita. O resto é rejeitado, não adivinhado.
  • Readable outputSaída legívelYou get plain HTML and CSS you can edit by hand. No hidden state, no lock-in.Você recebe HTML e CSS simples que pode editar à mão. Sem estado oculto, sem lock-in.
  • Accessible by defaultAcessível por padrãoReduced motion and readable fallbacks are part of every draft, not an afterthought.Movimento reduzido e fallbacks legíveis fazem parte de todo rascunho, não são um adendo.

Open questions: which model, where it runs, how sessions are saved, how takes are stored.Perguntas em aberto: qual modelo, onde roda, como as sessões são salvas, como os takes são armazenados.