AB
AiBoss
Tutorials

Vibe Coding's comparative review of domestically produced large-scale models: DeepSeek V4 and GLM-5.1 real-world test comparison.

The DeepSeek V4 series model preview version has been released. The most obvious change is that the 1M context has become a standard feature of all official DeepSeek services.

国产大模型Vibe Coding横评:DeepSeek V4和GLM-5.1实测对比

The DeepSeek V4 series model preview version has been released. The most obvious change is that the 1M context has become a standard feature of all official DeepSeek services.

The DeepSeek V4 series has two models: the flagship DeepSeek-V4-Pro and the lightweight DeepSeek-V4-Flash.

Seeing DeepSeek's announcementup to dateEvaluation data shows that DeepSeek-V4-Pro's inference capabilities have caught up with top-tier closed-source models, and its world knowledge is second only to [previous model name]. Gemini-Pro-3.1,Agentic Coding's performance in the benchmark tests also remained consistently high.open sourceLeading the way in the model.

What's even more interesting is that the internal staff of Deep Search use... AgentThe ic Coding model, according to evaluation feedback, offers a better user experience than Sonnet 4.5, and its delivery quality is close to that of Opus 4.6 in non-thinking mode.

Coincidentally, Zhipu's recently released GLM-5.1 also announced that it outperformed Opus 4.6 in code testing.

Everyone's claiming they can beat Sonnet and Opus. But more than leaderboard rankings, I believe what everyone cares about, like me, is: in a real development process, which one is actually better?

So I connected DeepSeek-V4-Pro and GLM-5.1 to... Claude A coding battle has begun in the code!

Without further ado, let's get straight to the actual tests.

Weather Card

You are a top UI designer at Apple Inc. Create a single HTML file (including full CSS and JavaScript) using the iOS 18 design style (frosted glass effect, Gaussian blur, dynamic gradients, subtle shadows). Implement a landscape weather page with four animated weather cards side-by-side:

- Sunny day (sunlight, dynamic halo)

- Strong winds (floating clouds, swaying trees, wind lines)

- Heavy rain (falling raindrops, puddles, lightning)

- Blizzard (falling snowflakes, accumulation effect)

The card should have a dark background, support buttons to switch weather states, and feature smooth interaction and subtle animations. The code must be directly executable, with aesthetics as a priority.

Implementing elements such as sunlight, clouds, and lightning using pure CSS requires a high level of imagination in keyframe animation.

DeepSeek-V4-Pro generated four weather elements in just over six minutes, and also added three mode options: normal, mild, and extreme. It looks pretty good.

The weather card switching isn't very smooth, and the visual quality could be further optimized.

It took less than 4 minutes. The page layout was similar to DeepSeek-V4-Pro, and the animation effects were not only vivid but also very smooth and natural.

When switching weather cards, a highlighting feature is used, making the transition very smooth.

Business website

Create a product showcase page for high-end crystal bracelets.

Only one extremely simple sentence PromptAll thanks toLarge ModelAdd your own design and layout to the commercial website.

GLM-5.1 was completed in under 4 minutes. The website design is very sophisticated, with ample white space and a suitable color scheme. Even the first version exudes a high-end feel. The small cards on the page have hover effects, making them ready to use right away.

DeepSeek-V4-Pro took about 6 minutes to render, and the webpage layout is very good. However, the rendering of the crystals is a bit of a letdown; the layer order of the crystals on the homepage is not handled well, and the overlapping of the crystals when rotating is very unnatural.

Full-screen canvas

Create an interactive, full-screen watercolor canvas web tool. After selecting a brush color, users can click and drag the mouse freely on the canvas to paint. The canvas will produce an effect similar to watercolor paint slowly spreading when dropped into water, making the overall effect look like painting on the water surface. The blending is natural, soft, and expansive, with a clear sense of flow.

####Core Visual Requirements:

– The brushstrokes appear as continuous, soft water ripples. As the user drags the mouse, the color first forms a denser, soft blot near the brushstroke, then slowly diffuses outwards, gradually increasing in size and feathering at the edges, creating a natural, fading transition.

- Colors applied later will cover and overshadow previous colors. Please use a blending technique closer to watercolor, avoiding pure additive blending which will cause the image to become increasingly bright. Colors can be blended slightly, but the main colors from when the user first applied the paint should be preserved.

Each stroke spreads slowly for a few seconds after it is applied, like paint slowly spreading in water.

The website should have subtle animations, such as a slowly floating title, a fade-in control panel, and glowing buttons on hover. The overall interaction should be smooth, allowing users to mindlessly click and play for a few minutes for a stress-relieving effect.

– The control panel uses a frosted glass effect and floats above or to the side of the image. It includes buttons for switching brush colors, adjusting brush thickness, clearing the canvas, and saving the image. Adjusting the blending intensity affects the diffusion speed, diffusion range, and edge softening.

####Technical Requirements:

– Implemented using HTML, CSS, and native JavaScript.

– Use canvas to draw the main visual effects.

– Do not rely on the backend.

– The code can be run by placing it in a single HTML file.

- Adapted for desktop and mobile devices.

– Mobile devices support finger touch drawing.

– The canvas size should be adjusted according to the window size.automaticScaling.

– The save image function can export the current canvas as a PNG.

Completed in 9 minutes and 31 seconds with DeepSeek. All the features are there, and the brush strokes and blending adjustments are very user-friendly. It also allows clearing the canvas and saving the image. The blending effect created with DeepSeek is very natural.

Although the blending settings are set from 0 to 100, when actually adjusted to 25 or higher, the color melts like cream, making it difficult to leave a mark on the canvas.

GLM-5.1 took about 6 minutes to run. The interface color scheme is very similar to DeepSeek-V4-Pro. It has quite a full range of functions, but the brush trajectory rendering is not very smooth, and the lines drawn are not fluid.

The functionality is implemented quite well.

Based on my testing of several front-end related cases, GLM-5.1 is indeed somewhat mediocre compared to DeepSeek-V4-Pro in terms of both code generation speed and final page quality.

What I've discussed so far is mostly my personal, intuitive feeling, but the true quality of the code still needs to be assessed by experts. This time, I specifically invited a professional outsider, Codex, to provide feedback from multiple professional dimensions, including understanding the requirements, code structure, and performance awareness.

Weather Card Comparison Analysis

Visually, I think the cards generated by GLM-5.1 look much better, with clearer structures and smoother animations. However, in the eyes of Codex experts, DeepSeek-V4-Pro is actually superior.

The weather cards generated by DeepSeek-V4-Pro are built up with a large number of canvases and animations. Not only is the logic rigorous, but the details of local animations, material representation, lighting and shadows, and layering are all handled quite beautifully.

Business website

The pages generated by DeepSeek-V4-Pro are typical of technology-driven pages, with many canvases, numerous animations, and exquisite details, but the information structure is not well organized.

GLM-5.1's page structure, brand information, CTA, and main visual image are systematic, leading the way in product completion. Much of the content is driven by data structures, with DOM + CSS handling layout and display. The logic is clear, maintenance costs are low, and it is closer to the development methods of real teams.

Full-screen canvas comparison analysis

The page generated by DeepSeek-V4-Pro is more like an interactive little tool. It has a full range of functions, but its core visual design is a weakness.

The GLM-5.1 focuses on making the image look realistic. Adding details like CMY subtraction, pigment deposition, and granulation instantly transforms the texture of the entire canvas.

In the past, we measuredLarge ModelIt's more about whether the functions work and whether there are any errors. Now, just getting them to work is no longer enough.

AI As programming has entered scenarios closer to real-world delivery, such as web pages, product demos, and interactive tools, we've started to pay more attention to more emotional aspects: Is the page well-designed? Are the functions smooth enough to use? Are the animations natural?

We must admit that we... AI The standards for judging programming are visibly rising. Various companies...Large ModelIt is also using real, tangible evolution to gradually elevate our understanding of... AI The expectation of programming.

Let's return to the main subject of this discussion: DeepSeek V4. Although this is only a preview version, its performance is truly remarkable. The underlying data volume is much larger, and the context size has surged to 1MB. Plus, it's currently on sale, making it extremely cost-effective. While it doesn't have the same groundbreaking impact as the R1 when it first appeared, it still holds significant importance.

DeepSeek's team has expanded to 300 people and has begun a new round of financing. It has also quietly completed collaborations with leading domestic companies such as Huawei and Cambricon. AI Deep optimization and adaptation by chip manufacturers. Our domestically produced...Large ModelIt is taking root in a more complete domestic computing power ecosystem.

Now, we're just waiting for the official release of DeepSeek V4.

Original link:Real-world testing: Which is stronger, DeepSeek V4 or GLM-5.1, or Vibe Coding?