Kimi K3.1 pro 实测！六类HTML题（openrouter+dsh）

[xxxiby]

模型用的是openrouter ，agent 用的 dsh ，平均差不多 50～70 token/s，缓存命中80%左右

1. DIO · 人行道飙车

示例提示词

用 HTML 和内联 SVG 做一个 DIO 在人行道飙车的漫画风动画。

画面是黄紫配色的开罗街景，DIO 坐在黑色轿车后座，对司机说：“人行道不是很宽敞吗？给我开过去！”轿车冲上人行道，路人惊叫着闪避，画面中加入速度线、漫画网点和日文拟声词。

做成约 15 秒的循环动画，提供播放 / 暂停、进度条、重播、速度切换和章节跳转。整体像一张能动起来的漫画海报，放在一个可以直接打开的 HTML 文件里。

截图

在线链接

打开 DIO · 人行道飙车

2. 狸花猫的游戏之夜

示例提示词

用 HTML 和内联 SVG 画一只正在打游戏的狸花猫。

场景是夜晚的温馨客厅：深蓝色背景，一只棕色狸花猫坐在地毯上，抱着游戏手柄，看着电视里的像素冒险游戏。旁边有暖色落地灯、零食、饮料和绿植。

让猫咪有眨眼、尾巴摆动等小动画，眼睛会跟随鼠标方向移动。增加一个“为猫咪加油”的按钮，点击后给出可爱的反馈。做成可直接打开的单文件 HTML。

截图

在线链接

打开狸花猫的游戏之夜

3. 鹈鹕骑行与糖果谜题

示例提示词

用 SVG 画一幅有完整构图的奇幻插画，主题是“云海奇航”。

孙悟空驾驶一架大型飞机，鹈鹕在飞机机翼上骑自行车。鹈鹕展开双翼托着一只北极熊，秦始皇骑在北极熊身上打螺丝。画面要能清楚看出这些角色之间的位置关系。

背景是夕阳、云海和远处的小鸟，采用蓝金配色，加入金属机身、铆钉、羽毛和衣袍等细节。左上角放一个醒目的对话框，让鹈鹕宣布“21 个糖果！”，右下角配一张写有“9 个圆形 + 12 个五角星形，9 + 12 = 21”的说明卡片。

文字保持清晰，整体像一张带故事的插画海报。

截图

在线链接

打开鹈鹕骑行与糖果谜题

4. Down Under · 倒立骑行

示例提示词

用 HTML 和内联 SVG 做一张澳大利亚主题的动态海报：一只袋鼠正在红土公路上骑自行车，但整个自然场景上下颠倒，道路在上方，袋鼠和自行车朝下。

保留正常方向的海报标题“DOWN UNDER”，让画面形成有趣的视觉反差。背景包含橙红色夕阳、澳大利亚内陆山丘、路牌和稀疏植被，袋鼠育儿袋里还有一只小袋鼠。

加入车轮转动、踩踏、耳朵和尾巴摆动、道路移动等循环动画。采用复古旅行海报的配色和排版，输出可直接打开的单文件 HTML。

截图

在线链接

打开 Down Under · 倒立骑行

5. 柠檬树下的波奇酱

示例提示词

用 HTML 和内联 SVG 画波奇酱在柠檬树下弹钢琴的动态插画。

场景是安静的午后花园，使用柔和的奶油色、浅绿色和粉色。粉色头发、穿粉色运动服的波奇酱坐在黑色三角钢琴前，双手轻轻弹奏，黑色吉他靠在一旁的草地上。树上挂着柠檬，阳光穿过树叶，音符向空中飘散。

让树叶、柠檬、头发、手臂和琴键有轻微动画。增加一个点击后才播放的钢琴音乐按钮，可以切换播放和暂停。做成可以直接打开的单文件 HTML。

截图

在线链接

打开柠檬树下的波奇酱

6. 鹈鹕，出发！

示例提示词

用 HTML 和内联 SVG 画一只在海边骑自行车的鹈鹕。

鹈鹕有长长的黄色嘴巴，系着红围巾，骑一辆橘色自行车。背景包括海面、远山、太阳、云朵和路边小花，使用清爽的薄荷绿与奶油白，整体做成“鹈鹕骑行俱乐部”的海报页面。

让车轮、脚踏、双腿和围巾自然运动，道路和远景产生移动感。底部增加暂停 / 继续按钮、骑行速度滑块，以及点击后能发出声音并有视觉反馈的车铃按钮。输出可直接打开的单文件 HTML。

截图

在线链接

打开鹈鹕，出发！

---

[ethan114]

好贴，支持一下佬。。。