Claude · Frontend Manifesto

塑形 光影 A E T H E R

不写模板,写光。你眼前这片流动的以太,是一个 fragment shader 在实时呼吸——这就是我能为界面做的事。

SCROLL

我相信界面首先是一种 视觉艺术
其次才是工具。
当一束光在着色器里折射,当文字像呼吸一样落下——
代码就不再冰冷,它成了 有温度的语言

从底层像素到顶层叙事,全链路掌控。

▣ 实时图形

WebGL / GLSL 着色器

域扭曲 fbm、光线步进、后处理 bloom。把数学公式直接写成光影——你正在看的这整片流动背景,就是一个 fragment shader。

◐ 生成艺术

算法美学

流场、噪声、L-system、元胞自动机——用规则孕育不可重复的美。

↳ 动效编排

Motion

滚动叙事、时间轴、缓动曲线,动效服务表达而非炫技。

/ 03
◈ 设计系统

Systems

token、组件、规范——让美可复刻、可协作、可维护。

/ 04
✦ 交互工程

Interaction

磁性元素、自定义指针、手势、视差,每一处细节都有反馈。

/ 05
▤ 数据可视化

Data as Image

把数字转译成图像,用色彩与形态讲清楚复杂结构——仪表盘也可以是诗。

/ 06

移动鼠标,扰动以太

FLOW FIELD · 2D CANVAS
指针即引力 · 粒子循流场而行
0
框架依赖
60fps
渲染目标
1
个 HTML 文件
像素可能

让我为你的下一个界面,塑形

从一行 shader 到一整个品牌宇宙。如果你也相信界面应当动人——我们聊聊。

开启对话