Kimi Websites

Al comprender entradas visuales (maquetas de interfaz, capturas de pantalla, videos de interacción) e instrucciones en lenguaje natural, Kimi traduce lo que ingresas en código frontend completo y ejecutable, que abarca no solo la interfaz estática, sino también el comportamiento interactivo y dinámico.

Descripción general de las funciones

¿Cómo usar Kimi Websites?

Método 1: visita la página de Kimi Websites

1. Abre el navegador: usa Chrome, Safari, Edge, Firefox o cualquier navegador popular
2. Ingresa a: kimi.com/websites (compatible con chino e inglés)
3. Inicia sesión: con tu cuenta de Kimi (número de teléfono o correo electrónico)
4. Ingresa tu tarea:

5. Empieza a crear: elige una plantilla o comienza desde la conversación

Método 2: aplicación móvil

iOS, Android y HarmonyOS cuentan con la aplicación oficial de Kimi. En el área de entrada, toca la barra de tareas → cambia al modo Websites Agent, que incluye herramientas de generación multimodal y capacidades de Agent.

Método 3: usa el modo K2.6 Agent

Cambia al modo K2.6 Agent e ingresa una tarea de creación de sitios web. Kimi activará sus capacidades de codificación visual y sus herramientas de ejecución de código.

¿Cómo funciona Kimi Websites?

Paso 1: crea un sitio web mediante una conversación

Describe lo que necesitas en lenguaje natural. Se admiten tres métodos de creación:

Ejemplo de prompt:

Text

Paso 2: proceso de creación

Kimi Websites activa la SKILL de creación de webapps: un agente dedicado a la generación de código en varias rondas:

1. Análisis de requisitos: analiza los módulos del sitio, el estilo visual y la lógica de interacción
2. Planificación de tareas: las descompone en subtareas de diseño, desarrollo y preparación de recursos
3. Selección de la pila tecnológica: elige la arquitectura adecuada (por ejemplo, React + Tailwind CSS)
4. Generación de recursos: crea imágenes, íconos y otros elementos visuales
5. Construcción del código: escribe la estructura de la página, los estilos y el código de interacción
6. Optimización en varias rondas: se ajusta por sí mismo según los resultados de la vista previa hasta completar el sitio

Paso 3: vista previa y ajustes

• Vista previa en vivo: genera una URL de demostración HTML para verla de inmediato en el navegador
• Edición mediante conversación: continúa la conversación para solicitar cambios, por ejemplo: «Haz que la barra de navegación sea oscura»

Paso 4: edición visual en línea

• Optimización en varias rondas: ajusta los detalles mediante una conversación continua
• Modos de edición:
  • Modo de anotación: haz clic en las áreas para agregar anotaciones en lenguaje natural
  • Modo de selección: selecciona cualquier elemento y agrega anotaciones
  • Usa rectángulos, flechas, pinceles y cambios de color para marcar tus sugerencias de revisión
• Envía todas las sugerencias de revisión a Kimi de una sola vez

Paso 5: publica y comparte

Una vez generado el sitio, puedes:

• Hacer clic en las diferentes versiones de publicación para descargar los archivos de cada versión
• Hacer clic en el botón de compartir para obtener un enlace publicado de forma pública (o configurarlo como privado)
• Hacer clic en el botón de edición para seguir revisando
• Descargar el código HTML/CSS/JS completo para publicarlo directamente o perfeccionarlo aún más

Público objetivo

Escenarios de referencia