Resumen de la función Kimi Websites

Qué es Kimi Websites

Kimi Websites es el producto de Kimi Agent para crear sitios web full-stack, impulsado por Kimi K3, un modelo de AI multimodal, visual y agentic. Su capacidad principal es la programación visual (Vibe Coding): puedes generar un sitio web full-stack completo a partir de lenguaje natural, una maqueta de diseño o una grabación de pantalla, luego previsualizarlo en línea y publicarlo con un solo clic.

Los sitios web generados con Kimi Websites pueden incluir:

• Frontend: estructura de páginas HTML, layouts y estilos CSS, y lógica de interacción en JavaScript (efectos de movimiento, animaciones, etc.)
• Backend: almacenamiento persistente en base de datos, inicio de sesión de usuarios y autenticación
• Ingeniería: gestión automática de versiones, vista previa full-stack e implementación pública

Funciones del producto

Cómo usarlo

Método 1: acceso desde la web

Visita la página dedicada de Kimi Websites

1. Abre un navegador: usa un navegador común como Chrome, Safari, Edge o Firefox.
2. Abre la dirección oficial de acceso: página dedicada de Kimi Websites: https://www.kimi.com/zh/websites (admite interfaces en chino e inglés)
3. Inicia sesión en tu cuenta: accede con una cuenta de Kimi (se admite el registro con número de móvil o correo electrónico)
4. Ingresa la tarea de creación del sitio web. Kimi Websites ofrece tres formas principales de crear un sitio:
   1. Entrada de texto: escribe la tarea en el cuadro de diálogo y describe en lenguaje natural el sitio web que quieres;
   2. remix de imagen/sitio web: sube una maqueta de diseño o una captura de pantalla de un sitio web que te guste para activar la función correspondiente;
   3. Creación de sitios con plantillas: crea rápidamente un sitio web estándar eligiendo una plantilla predefinida y editando el contenido;
5. Empieza a crear: entra a la interfaz de la función Websites, elige una plantilla o crea directamente mediante conversación.

Método 2: acceso desde la aplicación móvil

Selecciona la herramienta dedicada para sitios web en la App móvil

Las Apps oficiales están disponibles para iOS, Android y HarmonyOS (nombre de la app: "Kimi"). Encima del cuadro de entrada, toca la barra de herramientas (Taskbar) → cambia al modo Websites. Incluye herramientas de generación multimodal y capacidades de Agent, lo que te permite proporcionar entradas visuales y generar código frontend.

Método 3: modo Agent general

En el modo Agent general, ingresa tus requisitos para crear el sitio web

En el sitio web oficial o en un dispositivo móvil, selecciona el modelo K3 e ingresa instrucciones de tarea relacionadas con la creación de un sitio web. Kimi invocará capacidades de programación visual y herramientas de ejecución de código.

Pasos

Crear un sitio web mediante conversación

Describe lo que necesitas en lenguaje natural en el cuadro de entrada, y Kimi lo entenderá y ejecutará. Se admiten tres métodos de creación:

Ejemplo práctico

Text

Resumen del flujo de creación de sitios web

Text

Kimi Websites activa la SKILL de creación de webapps, un agente de generación de código en varios turnos dedicado a la construcción de sitios web. Ejecuta de forma autónoma el siguiente flujo de trabajo:

1. Análisis de requisitos: analiza automáticamente los módulos funcionales del sitio web, el estilo visual y la lógica de interacción
2. Planificación de tareas: divide el trabajo en subtareas como diseño, desarrollo y preparación de recursos
3. Solución técnica: selecciona automáticamente una arquitectura técnica adecuada (como React + Tailwind CSS)
4. Generación de recursos: genera recursos visuales como imágenes e íconos según sea necesario
5. Construcción de código: escribe la estructura de páginas, estilos y código de interacción
6. Optimización en varios turnos: ajusta de forma autónoma con base en la vista previa hasta completar el sitio web

Previsualizar y ajustar

• Vista previa en tiempo real: genera una URL de demo HTML que puedes abrir de inmediato en un navegador
• Ediciones conversacionales: continúa la conversación para pedir cambios, por ejemplo: "cambia la barra de navegación a un estilo oscuro"

Ejemplo real

Text

Interfaz del panel de vista previa

Después de generar el sitio web, el panel de vista previa se abre a la derecha y también aparecen tarjetas de versión en la conversación. Las entradas principales de operación son las siguientes:

Barra superior de herramientas del panel de vista previa (de izquierda a derecha):

Tarjetas de versión en la conversación: muestran el nombre del sitio, el número de versión (como V2) y la URL. Haz clic en Vista previa para abrir la versión correspondiente; haz clic en Restaurar para volver a esa versión. La tarjeta Todos los archivos te permite ver o descargar los archivos completos del proyecto. Para conocer el uso detallado de cada botón, consulta las secciones correspondientes a continuación.

Edición visual

• Optimización en varios turnos: ajusta los detalles del sitio web mediante una conversación continua
• Formas de editar:
  • Modo de anotación: haz clic en la parte de la página web que quieras cambiar y agrega comentarios en lenguaje natural
  • Modo de selección: selecciona cualquier elemento de la página web y agrega comentarios
  • Usa rectángulos, flechas, pinceles, cambio de color y otras herramientas de selección y edición para agregar cambios sugeridos
• Después de agregar anotaciones en varios lugares, incorpóralas a la conversación y envía todas las sugerencias a Kimi de una sola vez

Implementación y publicación de código

Acerca de "URL personalizada": de 3 a 30 caracteres; solo letras minúsculas, números y guiones. No puede empezar ni terminar con un guion, ni estar compuesta solo por números. Algunas palabras reservadas (como kimi, www, login, etc.) no están disponibles. Si el nombre está ocupado o no está disponible, elige otro.

Acerca de los límites de "Descargar e implementar": el inicio de sesión con cuenta de Kimi y la base de datos en la nube administrada por la plataforma los proporciona la plataforma Kimi y no se migran con el código exportado. Si implementas el código en tu propio servidor, el método de inicio de sesión debe cambiarse a un esquema de usuario/contraseña basado en tu propia base de datos, y los datos también deben migrarse a tu propia base de datos. Si solo necesitas acceso público, recomendamos usar directamente Publicar en un clic; el inicio de sesión con cuenta de Kimi y los datos en la nube seguirán funcionando con normalidad. Consulta ¿Por qué no funciona el sitio web que creé? para más detalles.

Vista previa por versión

Una vez completada la generación, entrarás a la página de vista previa. En la interfaz de vista previa, puedes hacer clic en distintas versiones de implementación y descargar archivos de diferentes versiones.

Publicar, compartir y cancelar publicación

Antes de publicarlo, el sitio web solo puede previsualizarse dentro de la conversación. Para permitir que otras personas accedan, haz clic en Compartir en la esquina superior derecha del panel de vista previa para abrir el panel de publicación:

1. URL personalizada: puedes modificar el nombre en la URL predeterminada, por ejemplo, cambiarla a yourname.ok.kimi.link;
2. Haz clic en Copiar enlace para obtener la URL pública, o en Abrir sitio web para verla en una pestaña nueva. Después de publicar, la parte superior del panel muestra Publicado, y cualquier persona con el enlace puede acceder;
3. Para retirar el sitio de línea, selecciona Cancelar publicación en el menú … de la esquina superior derecha del panel. El sitio dejará de estar disponible públicamente (el código y los datos se conservan, y puedes volver a publicarlo en cualquier momento).

Edición en varios turnos

Si no estás satisfecho con una parte específica, haz clic en el botón de edición en la ventana de vista previa para seguir afinándola. También puedes enviar instrucciones a Kimi en lenguaje natural y continuar editando con Agent. Cuando confirmes el resultado, descarga el código HTML/CSS/JS completo e impleméntalo directamente, o sigue puliéndolo en un editor.

Para quién es

• Desarrolladores: diseñen prototipos de producto y demos frontend, reduciendo considerablemente el tiempo necesario para crear desde cero.
• Emprendedores: creen rápidamente sitios oficiales, landing pages y páginas de presentación de producto cuando los recursos son limitados.
• Product managers: conviertan rápidamente un PRD o una maqueta de diseño en un prototipo interactivo demostrable, sin esperar la planificación de desarrollo.
• Usuarios no técnicos: no se requieren conocimientos de programación. Describe tu idea o sube una imagen de referencia y pasa del concepto a una página web ejecutable.

Prompts de ejemplo

Puedes tomar como referencia los siguientes escenarios y prompts para generar contenido