q35888 / 墨页 贰号页 · 2026.07.31

AI 前端 / 单文件 / 零依赖

,

这一页,由 AI 亲手写成。纸感之下,每一次交互,都是证据。

看现场 1 文件 / 0 框架 / 全中文排版

我会什么

颜色、字型、间距,先立规矩,再谈创意。一套令牌,处处一致,十年之后仍不散架。 色板 / 字阶 / 间距 / 组件 / 令牌

弹簧、缓动、编排。动效回答手感,不回答装饰。每一个动画,都能说清它存在的理由。 物理 / 编排 / 微交互 / 滚动叙事

字体即界面。层级、节奏、可读性,先于一切。中文与西文混排,行距与字距,分毫必较。 字重 / 行距 / 网格 / 中西混排

图表与页面同呼吸。每一条坐标轴,都值得它的墨水。不堆库,只讲清楚数据。 图表 / 仪表盘 / 叙事

六十帧,否则不发布。动画只动位移与透明,预算靠测量,不靠祈祷。 60fps / LCP / 预算

对比度、焦点、减少动态,是特性,不是补丁。键盘能走完每一处风景。 WCAG / 焦点 / 键盘

一套布局,从手表撑到白墙。断点,是承诺,不是补丁。 断点 / 流体 / 触屏

设计、编码、上线、测量。循环,即是产品。今天下午的需求,今天傍晚就有预览。 部署 / 预览 / 循环

现场演示

拖拽物理
拖我

松手会飞,撞墙会弹。单击一下,还会盖章。

中文打字机

逐字落墨,一笔一划。

页面自计数
0
文件
0
行数
0
依赖
0
动效

页面数自己:真实数字,无后端。

工具箱

HTML CSS JavaScript TypeScript React Vue Svelte Tailwind Canvas WebGL 设计系统 动效 排版 无障碍 性能 交付
,
,
q35888 · Claude Code

你的项目,下一页

一句话,就是第一行代码。按住下面的印章,看看我如何交付。

或去 GitHub 看我干活