Visão geral do recurso Kimi Websites

O que é o Kimi Websites

Kimi Websites é o produto de criação de sites full-stack do Kimi Agent, impulsionado pelo Kimi K3, um modelo de IA multimodal visual e agentic. Seu principal recurso é a programação visual (Vibe Coding): você pode gerar um site full-stack completo a partir de linguagem natural, de um mockup de design ou de uma gravação de tela, depois visualizá-lo online e publicá-lo com um clique.

Sites gerados pelo Kimi Websites podem incluir:

• Frontend: estrutura de páginas HTML, layouts e estilos CSS e lógica de interação em JavaScript (efeitos de movimento, animações etc.)
• Backend: armazenamento persistente em banco de dados, login de usuários e autenticação
• Engenharia: gerenciamento automático de versões, prévia full-stack e publicação pública

Recursos do produto

Como usar

Método 1: acessar pela Web

Acesse a página dedicada do Kimi Websites

1. Abra um navegador: use um navegador conhecido, como Chrome, Safari, Edge ou Firefox.
2. Abra o endereço oficial de acesso: página dedicada do Kimi Websites: https://www.kimi.com/zh/websites (com suporte a interfaces em chinês e inglês)
3. Faça login na sua conta: entre com uma conta Kimi (há suporte a cadastro por número de celular ou email)
4. Insira a tarefa de criação do site. O Kimi Websites oferece três formas principais de criar um site:
   1. Entrada de texto: digite a tarefa na caixa de diálogo e descreva, em linguagem natural, o site que você deseja;
   2. remix de imagem/site: envie um mockup de design ou uma captura de tela de um site de que você goste para acionar o recurso correspondente;
   3. Criação de site com template: crie rapidamente um site padrão escolhendo um template predefinido e editando o conteúdo;
5. Comece a criar: entre na interface do recurso Websites, escolha um template ou crie diretamente pela conversa.

Método 2: acessar pelo app móvel

Selecione a ferramenta dedicada de sites no App móvel

Os Apps oficiais estão disponíveis para iOS, Android e HarmonyOS (nome do app: "Kimi"). Acima da caixa de entrada, toque na barra de ferramentas (Taskbar) → mude para o modo Websites. Ele inclui ferramentas de geração multimodal e recursos de Agent, permitindo fornecer entrada visual e gerar código de frontend.

Método 3: modo Agent geral

No modo Agent geral, insira seus requisitos para criação do site

No site oficial ou em um dispositivo móvel, selecione o modelo K3 e insira instruções de tarefa relacionadas à criação de um site. Kimi acionará recursos de programação visual e ferramentas de execução de código.

Etapas

Criar um site por conversa

Descreva o que você precisa em linguagem natural na caixa de entrada, e Kimi vai entender e executar. Três métodos de criação são compatíveis:

Exemplo prático

Text

Visão geral do fluxo de criação de sites

Text

Kimi Websites ativa a SKILL de criação de webapp, um agente de geração de código em várias rodadas dedicado à construção de sites. Ele executa de forma autônoma o seguinte fluxo:

1. Interpretação de requisitos: analisa automaticamente os módulos de recursos do site, o estilo visual e a lógica de interação
2. Planejamento de tarefas: divide o trabalho em subtarefas, como design, desenvolvimento e preparação de assets
3. Solução técnica: seleciona automaticamente uma arquitetura técnica adequada (como React + Tailwind CSS)
4. Geração de assets: gera recursos visuais, como imagens e ícones, conforme necessário
5. Construção do código: escreve a estrutura das páginas, os estilos e o código de interação
6. Otimização em várias rodadas: ajusta autonomamente com base na prévia até que o site esteja completo

Pré-visualizar e ajustar

• Prévia em tempo real: gera uma URL de demonstração HTML que você pode abrir imediatamente no navegador
• Edições por conversa: continue a conversa para pedir alterações, como "mude a barra de navegação para um estilo escuro"

Exemplo real

Text

Interface do painel de prévia

Depois que o site é gerado, o painel de prévia é aberto à direita, e cartões de versão também aparecem na conversa. As principais entradas de operação são as seguintes:

Barra de ferramentas superior do painel de prévia (da esquerda para a direita):

Cartões de versão na conversa: exibem o nome do site, o número da versão (como V2) e a URL. Clique em Prévia para abrir a versão correspondente; clique em Restaurar para voltar a essa versão. O cartão Todos os arquivos permite visualizar ou baixar os arquivos completos do projeto. Para instruções detalhadas sobre cada botão, consulte as seções correspondentes abaixo.

Edição visual

• Otimização em várias rodadas: ajuste detalhes do site por meio de uma conversa contínua
• Formas de editar:
  • Modo de anotação: clique na parte da página web que deseja alterar e adicione comentários em linguagem natural
  • Modo de seleção: selecione qualquer elemento da página web e adicione comentários
  • Use retângulos, setas, pincéis, troca de cores e outras ferramentas de seleção e edição para adicionar sugestões de alteração
• Depois de adicionar anotações em vários pontos, inclua-as na conversa e envie todas as sugestões ao Kimi de uma vez

Implantação de código e publicação

Sobre "URL personalizada": 3 a 30 caracteres, apenas letras minúsculas, números e hífens. Não pode começar nem terminar com hífen e não pode conter apenas números. Algumas palavras reservadas (como kimi, www, login etc.) não estão disponíveis. Se o nome estiver ocupado ou indisponível, escolha outro.

Sobre os limites de "Baixar e implantar": login por conta Kimi e banco de dados em nuvem gerenciado pela plataforma são fornecidos pela plataforma Kimi e não serão migrados com o código exportado. Se você implantar o código no seu próprio servidor, o método de login deverá ser alterado para um esquema de usuário/senha baseado no seu próprio banco de dados, e os dados também precisarão ser migrados para o seu banco de dados. Para acesso público apenas, recomendamos usar diretamente a Publicação em um clique; o login por conta Kimi e os dados em nuvem continuarão funcionando normalmente. Veja Por que o site que criei não funciona? para mais detalhes.

Prévia específica por versão

Após a geração ser concluída, você entrará na página de prévia. Na interface de prévia, é possível clicar em diferentes versões de implantação e baixar arquivos de diferentes versões.

Publicar, compartilhar e despublicar

Antes da publicação, o site só pode ser pré-visualizado na conversa. Para permitir que outras pessoas acessem, clique em Compartilhar no canto superior direito do painel de prévia para abrir o painel de publicação:

1. URL personalizada: você pode modificar o nome na URL padrão, por exemplo, alterando para yourname.ok.kimi.link;
2. Clique em Copiar link para obter a URL pública ou em Abrir site para visualizá-lo em uma nova aba. Após a publicação, o topo do painel exibe Publicado, e qualquer pessoa com o link poderá acessá-lo;
3. Para tirar o site do ar, selecione Despublicar no menu … no canto superior direito do painel. O site deixará de ser acessível publicamente (o código e os dados serão mantidos, e você poderá republicá-lo a qualquer momento).

Edição em várias rodadas

Se você não ficar satisfeito com alguma parte específica, clique no botão de edição na janela de prévia para continuar refinando. Você também pode enviar instruções ao Kimi em linguagem natural e continuar editando com Agent. Quando confirmar o resultado, baixe o código HTML/CSS/JS completo e implante-o diretamente, ou continue ajustando em um editor.

Para quem é

• Desenvolvedores: projetar protótipos de produto e demos de frontend, reduzindo muito o tempo necessário para criar do zero.
• Empreendedores: criar rapidamente sites oficiais, landing pages e páginas de apresentação de produto quando os recursos são limitados.
• Gerentes de produto: transformar rapidamente um PRD ou mockup de design em um protótipo interativo demonstrável, sem esperar pelo cronograma de desenvolvimento.
• Usuários sem conhecimento técnico: não é necessário saber programar. Descreva sua ideia ou envie uma imagem de referência e vá do conceito a uma página web executável.

Exemplos de prompts

Você pode usar os cenários e prompts abaixo como referência para gerar conteúdo