Claude Opus 5.5 · 全量 100 件
100 个单文件 HTML 创意作品，打开就能跑
每一件都是零外部依赖、零外部图片、零构建的纯前端手工艺品： 极光冥想页、水中水墨、落沙沙盒、三摆绘图机、绿磷光 CRT、活体蜂巢、瀑布流光钢琴…… 可以全屏品鉴、在卡片里原地动效，也能读到它的生成提示词—— 英文看不懂？一键翻成中文。
100
作品案例
8
美学分类
9
技术栈标签
100%
单文件零依赖
创意意思
效果亮点
共 100 件作品
悬停即原地运行 · 点卡片看完整解读与提示词
数据洞察
这 100 件作品是怎么分布的
把 100 件作品按美学分类与技术栈重新聚合。可以看到它们集中在同一个能力面上—— 用 Canvas / SVG / CSS 3D / Web Audio 在一个页面里造出完整的体验。
美学分类分布
8 个分类各收录多少件
技术栈使用率
9 个技术标签在 100 件作品中的出现次数
分类 × 技术栈 交叉分布
颜色越深代表该分类下使用该技术的作品越多
品鉴说明
这些作品是什么，又不是什么
这 100 件作品全部是 可在浏览器直接运行的单文件 HTML——单个 .html 文件，
内联了全部 CSS 与 JS，不引用任何外部库、外部图片或字体，双击就能打开。
它们集中在同一个能力面上：用 Canvas 2D / SVG / CSS 3D / WebGL / Web Audio
在一个页面里造出完整、可交互的体验。
每条案例都给出大白话解读（创意意思 / 妙处所在 / 可借鉴之处）、 完整实现细节（作品全貌 / 技术要点 / 交互说明），以及生成它的原始提示词。 提示词原文为英文，本站为每一条都提供了中文译文，在详情面板里一键切换。 作品版权归各原作者所有，本站仅作整理、索引与品鉴解读。