O modelo de programação atualizado da ByteDance, Doubao-Seed-Code, suporta o modo de imagem no Claude Code. Vamos replicar o modelo diretamente no Figma sem precisar fornecer nenhum recurso de imagem utilizável. 👇 Desta vez, todas as instruções foram tornadas públicas. O site original tinha este aspecto. (1/9)
O prompt de réplica que usei tem esta aparência. Crie um clone da [Imagem nº 1]. Use quaisquer bibliotecas necessárias para isso, mas certifique-se de que eu possa colar tudo em um único arquivo HTML e abri-lo no Chrome. Faça com que seja interessante e altamente detalhado, mostrando detalhes inesperados. Seja criativo e apresente toda a beleza em um único bloco de código. (2/9)
O que é certo é que Doubao dominou completamente o desenho em SVG após essa atualização de programação, criando uma montanha do nada. A estrutura geral foi replicada, incluindo a barra de navegação superior (logotipo à esquerda, link no meio, botão à direita), o título principal ("Navegue por tudo.") e a área visual principal na parte inferior. Embora não houvesse imagens disponíveis, o Doubao se esforçou ao máximo para entender a imagem do cabeçalho e até imitou os pontos de dados da imagem original, adicionando algumas estrelas aos picos das montanhas em SVG. Se há alguma falha, é na fonte; a original usava uma fonte serifada, enquanto o Doubao usa uma fonte sem serifa, e as cores do tema também são diferentes — uma é verde-clara e a outra é verde-oliva. (3/9)
Se adicionarmos os materiais de imagem correspondentes ao diretório de execução e usarmos o modo de planejamento do Claude Code (alternando entre o Claude Code e Shift+Tab), o bem-elaborado Doubao não teria um desempenho melhor? É claramente visível a olho nu que a réplica em SVG da imagem do cabeçalho é mais detalhada; o texto, as polilinhas e a linha do tempo foram todos replicados. As páginas hierárquicas aninhadas resultantes são mais precisas. Anteriormente, molduras brancas eram usadas como limites, mas agora fica claro que as imagens são colocadas em molduras semelhantes às do iPad, sobrepostas a um fundo verde. Além disso, o menu superior e os botões agora são 90% semelhantes ao original, sem caracteres faltantes ou incorretos. Embora as imagens que postei não tenham sido usadas, a qualidade geral melhorou significativamente. No entanto, usar o modo plano dobrará o tempo de execução. (4/9)
Também testei o desempenho do Doubao em aplicações 3D e jogos. O corpo principal da pergunta, Crie um jogo clássico de Campo Minado. Requisitos: Não utilize nenhum framework/biblioteca JavaScript que altere a estrutura ou o paradigma de componentização da aplicação (ex.: React, Vue, Angular). Bibliotecas de terceiros, como Three.js e p5js, podem ser referenciadas via CDN para atender aos requisitos. Os arquivos finais devem ser HTML, CSS e JS puros. Caso sejam necessários múltiplos arquivos (HTML/CSS/JS), certifique-se de que todas as referências utilizem caminhos relativos. Todos os arquivos devem ser salvos no diretório atual. (5/9)
O corpo principal da pergunta, Crie um jogo da cobrinha complexo em JavaScript com power-ups, vários níveis e uma interface de usuário para acompanhar a pontuação. (6/9)
No que diz respeito à parte 3D, O corpo principal da pergunta, Uma simulação 3D de um cubo feito de bolas saltitantes flutuando no ar. O cubo desmorona lentamente, camada por camada, começando pela base. As bolas quicam em uma mesa até pararem. A simulação deve obedecer às leis da física, ter um efeito visual interessante e criar um ambiente realista. Tudo isso deve ser implementado em um único arquivo HTML. Neste caso, Doubao recriou as camadas, os cubos, a iluminação e as sombras, mas não houve efeito de colapso. (7/9)
O corpo principal da pergunta, Crie uma simulação 3D visualmente deslumbrante e interativa do nosso Sistema Solar, elegantemente encapsulada em um único arquivo HTML. Destaque movimentos orbitais realistas, efeitos de iluminação dinâmicos, texturas planetárias precisas e controles de câmera suaves para proporcionar uma experiência imersiva. (8/9)
Sinceramente, as capacidades de simulação 3D do Doubao deixam um pouco a desejar. Ele consegue criar modelos, mas a interação não é boa. Preark.cn-beijing.volces.com/api/compatibledo de Planejamento e executá-lo quatro ou cinco vezes, com cada diálogo levando de 5 a 10 rodadas para obter o efeito desejado. No entanto, comparado a outros modelos, o modo de imagem de baixo custo ainda é bastante atraente. A configuração das variáveis de ambiente é a seguinte. export ANTHROPIC_BASE_URL=https://t.co/AGuK3Pa7gI export ANTHROPIC_AUTH_TOKEN= export ANTHROPIC_MODEL=doubao-seed-code-preview-lates (9/9)
