El modelo de programación actualizado de ByteDance, Doubao-Seed-Code, admite el modo de imagen en Claude Code. Vamos a replicar directamente la plantilla en Figma sin proporcionar ningún recurso de imagen utilizable. 👇 Esta vez, todas las indicaciones se han hecho públicas. El sitio web original tenía este aspecto. (1/9)
La réplica que utilicé tiene este aspecto. Crea una copia de [Imagen # 1]. Usa las librerías que necesites, pero asegúrate de que pueda pegarlo todo en un solo archivo HTML y abrirlo en Chrome. Hazlo interesante y con mucho detalle, mostrando detalles inesperados. ¡Saca el máximo partido a la creatividad y la belleza en un solo bloque de código! (2/9)
Lo que es seguro es que Doubao ha dominado verdaderamente el dibujo SVG tras esta actualización de programación, creando una montaña de la nada. Se ha replicado la estructura general, incluyendo la barra de navegación superior (logotipo a la izquierda, enlace central, botón a la derecha), el título principal ("Explorar todo") y el área visual principal en la parte inferior. Aunque no disponía de imágenes de referencia, Doubao hizo todo lo posible por comprender la imagen de cabecera e incluso imitó los datos de la imagen original añadiendo estrellas a las cumbres de sus montañas SVG. Si hay algún fallo, es la tipografía: la original usaba una fuente con serifas, mientras que Doubao usa una sin serifas. Además, los colores del tema también son diferentes: uno es verde claro y el otro verde oliva. (3/9)
Si añadimos los materiales de imagen correspondientes al directorio de ejecución y utilizamos el modo plan de Claude Code (alternando entre Claude Code y Shift+Tab), ¿no tendría Doubao, con su diseño tan cuidado, un rendimiento superior? A simple vista se aprecia que la réplica SVG de la imagen de cabecera es más detallada; el texto, las polilíneas y la línea de tiempo se han replicado. Las páginas jerárquicas anidadas resultantes son más precisas. Anteriormente, se usaban marcos blancos como límites, pero ahora se aprecia claramente que las imágenes se colocan en marcos tipo iPad superpuestos sobre un fondo verde. Además, el menú superior y los botones son ahora un 90 % similares a los originales, sin caracteres faltantes ni incorrectos. Aunque las imágenes que publiqué no se usaron, la calidad general ha mejorado significativamente. Sin embargo, usar el modo plan duplicará el tiempo de ejecución. (4/9)
También probé el rendimiento de Doubao en aplicaciones 3D y de juegos. El cuerpo principal de la solicitud, Crea un juego clásico de Buscaminas. Requisitos: No utilices frameworks ni librerías de JavaScript que alteren la estructura o el paradigma de componentes de la aplicación (por ejemplo, React, Vue, Angular). Se pueden usar librerías de terceros, como Three.js y p5js, mediante CDN para cumplir con los requisitos. Los archivos finales deben ser HTML, CSS y JS puros. Si se necesitan varios archivos (HTML/CSS/JS), asegúrate de que todas las referencias sean rutas relativas. Todos los archivos deben guardarse en el directorio actual. (5/9)
El cuerpo principal de la solicitud, Crea un complejo juego de la serpiente en JavaScript con potenciadores, múltiples niveles e interfaz de usuario para el seguimiento de la puntuación. (6/9)
En lo que respecta a la parte 3D, El cuerpo principal de la solicitud, Una simulación 3D de un cubo formado por pelotas que rebotan y flotan en el aire. El cubo se derrumba lentamente, capa por capa, comenzando desde la base. Las pelotas rebotan sobre una mesa hasta detenerse. La simulación debe cumplir con las leyes de la física, tener un efecto visual atractivo y crear un entorno realista. Debe implementarse en un único archivo HTML. En este caso, Doubao recreó las capas, los cubos, la iluminación y las sombras, pero no hubo efecto de colapso. (7/9)
El cuerpo principal de la solicitud, Crea una simulación 3D interactiva y visualmente impresionante de nuestro Sistema Solar, elegantemente integrada en un único archivo HTML. Destaca los movimientos orbitales realistas, los efectos de iluminación dinámicos, las texturas planetarias precisas y los controles de cámara fluidos para ofrecer una experiencia inmersiva. (8/9)
Para ser sincero, las capacidades de simulación 3D de Doubao son algo limitadas. Puede crear modelos, pero la interacción no es buena. Necesark.cn-beijing.volces.com/api/compatiblenificar y ejecutarlo cuatro o cinco veces, y cada diálogo requiere entre 5 y 10 rondas para obtener el efecto deseado. Sin embargo, en comparación con otros modelos, el modo de imagen de bajo coste sigue siendo bastante atractivo. La configuración de las variables de entorno es la siguiente. export ANTHROPIC_BASE_URL=https://t.co/AGuK3Pa7gI exportar ANTHROPIC_AUTH_TOKEN= exportar ANTHROPIC_MODEL=doubao-seed-code-preview-lates (9/9)
