跪拜 Guibai
← All articles
Agent · OpenAI · Artificial Intelligence

QoderCN + Qwen 3.8: One Prompt Yields a Physics Video, a Disassemblable 3D Watch, and More

By 沉默王二 ·
Read original on juejin.cn ↗ Google Translate ↗ Alt translation

The cost of turning a half-formed idea into a working, multi-file project drops dramatically when an agent handles the full pipeline, including build verification and layout repairs. Western developers evaluating open-weights models from China now have a concrete benchmark: Qwen 3.8-Flash plus a capable agent orchestrator can produce polished, interactive prototypes in minutes, which shifts the competitive baseline for AI-assisted development tools.

Summary

A single agent orchestrator can now take a single prompt and turn it into a full, deployable project. In this field report, QoderCN, paired with Qwen 3.8-Flash, handles four distinct tasks: generating a personal portfolio site and publishing it to a live domain, producing a Memphis-style animated video about Newton's First Law (including TTS voiceover and timing data), building a 29-part interactive 3D watch with disassembly, and creating a WebGL face-pinch prototype for a developer's homepage.

The agent doesn't just write code; it structures projects into multiple files with clear responsibilities, runs automated builds, launches local preview servers, and even catches and fixes layout issues like a transparent canvas blocking a theme toggle. For the video task, it reads a custom Skill (one-minute-remotion) that encodes the entire production pipeline, from scriptwriting to Remotion rendering and MP4 export. The author had to tweak a few phrasing sentences in the script, but the technical pipeline ran unattended.

The pattern across all cases is that QoderCN behaves like a junior engineer with a strong grasp of project structure and tooling, not just a code generator. It splits geometry, parts, controls, and entry points into separate source files, centralizes shared dimensions in a specs module to keep 2D and 3D consistent, and runs `npm run build` before previewing. That engineering discipline is what turns a promising demo into something maintainable.

Takeaways
— QoderCN's Site feature generates a complete web project (index.html, styles.css, app.js) locally and publishes to a qoder.zone domain with one click.
— The one-minute-remotion Skill drives the video pipeline: script drafting, Volcano Engine TTS synthesis, beats.json timing extraction, and Remotion rendering at 1920x1080 and 30fps.
— For the 3D watch, QoderCN split the Three.js code into geometry.js, parts.js, watch.js, and main.js, then automatically ran npm run build before launching a preview on port 5182.
— The mechanical watch model contains 29 parts across 7 layers, with interactive stages for flipping, winding, observing the balance wheel, gear transmission, disassembly, reassembly, and 24-hour simulation.
— The pagoda blueprint project centralizes tower dimensions in src/specs.js so the 2D elevation and 3D model stay consistent, and src/overlay.js maps 3D coordinates to screen coordinates for live labels.
— The WebGL face-pinch page uses a 72x72 grid and a damped wave equation for elastic deformation; QoderCN detected and fixed a click-through issue where the larger transparent canvas blocked the theme toggle.
Conclusions

QoderCN's engineering value lies in project management rather than raw code generation: it structures files, runs builds, launches previews, and self-corrects layout bugs, which is what separates a toy demo from a maintainable project.

The author relies on a hand-crafted Skill file to encode the entire video production workflow; without such structured playbooks, the model would likely flounder, suggesting agent effectiveness still depends on domain-specific templates.

Even with full automation, the author manually adjusted script phrasing, meaning the human still owns content judgment; the agent handles mechanics, not editorial quality.

Concepts & terms
Agent Skill
A file, typically SKILL.md, placed in a project's skills/ directory that defines a reusable procedure for an AI agent, breaking down a task like video creation into concrete steps, file outputs, and tool calls. In this case, one-minute-remotion guides the agent through scriptwriting, TTS, timing extraction, and Remotion rendering.
Remotion
A React-based framework for creating videos programmatically, where scenes and animations are written as React components and rendered to MP4. QoderCN uses it to produce the physics video in this report.
From the discussion

Hands-on impressions split between satisfaction with QoderCN's near closed-loop implementation once a plan is fixed and complaints about slow, laggy performance. Progress in Chinese-comment understanding and local framework fit is acknowledged, but deep-directory context retrieval is flagged as the next hurdle. The generated teaching animation also earns a nod for what it might have changed in school physics.

— QoderCN with a preset plan can almost fully close the loop, indicating agent maturity.
— Domestic code models have improved markedly at Chinese engineering comments and local frameworks.
— Deep-project context retrieval efficiency remains the critical next challenge.
— Performance problems persist; one user finds the experience slow and laggy.
Featured comments
Johana

Qoder is decent now; once the plan is set, it can almost fully close the loop on its own.

Wanvideo

Domestic code models have made obvious progress in understanding Chinese engineering comments and adapting to local frameworks. The next key is still the efficiency of context retrieval in deep project directories.

zooooo

Slow and laggy again.

See top comments, translated →
Source: juejin.cn ↗ Google Translate ↗ Backup ↗