Kimi Websites

Ao compreender entradas visuais (mockups de UI, capturas de tela, vídeos de interação) e instruções em linguagem natural, a Kimi transforma o que o usuário fornece em código frontend completo e funcional — cobrindo não só a interface estática, mas também o comportamento interativo dinâmico.

Visão geral do recurso

Como usar o Kimi Websites?

Método 1: acesse a página do Kimi Websites

1. Abra o navegador: use o Chrome, Safari, Edge, Firefox ou qualquer navegador popular
2. Acesse: kimi.com/websites (compatível com chinês e inglês)
3. Faça login: com sua conta Kimi (número de telefone ou e-mail)
4. Insira sua tarefa:

5. Comece a criar: escolha um modelo ou comece a partir de uma conversa

Método 2: aplicativo móvel

iOS, Android e HarmonyOS contam com o aplicativo oficial da Kimi. Na área de entrada, toque na barra de tarefas → alterne para o modo Websites Agent, que reúne ferramentas de geração multimodal e recursos do Agent.

Método 3: use o modo K2.6 Agent

Alterne para o modo K2.6 Agent e insira uma tarefa de criação de site. A Kimi acionará suas capacidades de programação visual e ferramentas de execução de código.

Como o Kimi Websites funciona?

Etapa 1: crie um site por conversa

Descreva o que você precisa em linguagem natural. Há três métodos de criação disponíveis:

Exemplo de prompt:

Text

Etapa 2: processo de criação

O Kimi Websites ativa a SKILL de criação de webapps — um agente dedicado de geração de código em múltiplas rodadas:

1. Análise de requisitos: analisa os módulos do site, o estilo visual e a lógica de interação
2. Planejamento de tarefas: divide em subtarefas de design, desenvolvimento e preparação de recursos
3. Escolha da stack tecnológica: seleciona a arquitetura adequada (ex.: React + Tailwind CSS)
4. Geração de recursos: cria imagens, ícones e outros elementos visuais
5. Construção do código: escreve a estrutura da página, o estilo e o código de interação
6. Otimização em múltiplas rodadas: ajusta-se com base nos resultados da prévia até a conclusão

Etapa 3: prévia e ajustes

• Prévia ao vivo: gera uma URL de demonstração em HTML para visualização imediata no navegador
• Edição por conversa: continue conversando para pedir mudanças, por exemplo "Deixe a barra de navegação escura"

Etapa 4: edição visual online

• Otimização em múltiplas rodadas: ajuste detalhes por meio de conversas contínuas
• Modos de edição:
  • Modo de anotação: clique em áreas para adicionar anotações em linguagem natural
  • Modo de seleção: selecione qualquer elemento e adicione anotações
  • Use retângulos, setas, pincéis e troca de cores para marcar sugestões de revisão
• Envie todas as sugestões de revisão para a Kimi de uma só vez

Etapa 5: implantação e publicação

Após a geração, você pode:

• Clicar em diferentes versões de implantação para baixar os arquivos da versão
• Clicar no botão de compartilhar para obter um link publicamente implantado (ou definir como privado)
• Clicar no botão de editar para continuar revisando
• Baixar o código HTML/CSS/JS completo para implantação direta ou aprimoramento adicional

Público-alvo

Cenários de referência