CRAFT

把想法做成
数字体验

探索 AI 如何成为新的软件产品与功能,并把想法做成可体验的作品。 也为个人创作者、工作室与文化项目打造网站、交互体验和空间数字内容,在合适的项目中融入 AI 能力。

CURRENT FOCUS

可委托的项目包括品牌与内容网站、交互体验和空间数字内容。 AI 研究与演示是自有探索作品;客户项目中的 AI 功能则从具体需求出发。

网页艺术
CAPABILITIES

能做什么

品牌与内容网站

为个人创作者、工作室与文化项目,设计并实现符合自身气质的网站。

交互体验

把内容与功能组织成清晰、可参与的数字体验,而不止是静态展示。

AI 产品功能

在合适的项目中,将 AI 能力融入软件功能与交互体验;从具体问题出发确定实现方式。

空间数字内容

为展厅与室内空间设计屏幕体验和数字内容,让信息与场景相连接。

CASES

作品与演示

以下为自有网站、研究作品与交互演示,用来展示设计和实现实践;它们不是客户项目案例。

策展叙事弗洛伊德交互展品

《三我》

网页策展作品

以本我、自我、超我三重结构重述 AI 八年路线:十六件交互展品,一场纵深下潜的展览。

体验作品
自有网站东方美学空间屏Next.js

5loi.com

自有研究与作品网站

以深墨蓝与暖金、动态水墨背景和空间屏模式,探索研究内容如何成为有体验感的网站。

体验作品
自有演示研究图谱交互可视化Canvas 2D

研究与产品图谱

空间交互演示

将研究方向与产品构想编排成可交互星图,内容是手动配置的示意,不是已上线产品清单。

体验作品
AI 教学演示可交互分词前端教育

Tokenizer 交互 Demo

LLM 学习组件

基于 Hands-On LLM 书籍 Ch2 的实时 Tokenizer 可视化演示,支持文本输入、统计与示例。

体验作品
AI 教学演示可交互PCACanvas 2D

Embedding 投影可视化

语义空间演示

基于伪嵌入的 PCA 到 2D 投影,输入短语观察语义聚集,直观理解文本嵌入的几何特性。

体验作品
AI 教学演示可交互TransformerCanvas 2D

Attention 热力图

自注意力可视化

基于简化自注意力的热力图演示,输入句子观察 token 间依赖模式,直观理解 Attention Is All You Need。

体验作品
AI 教学演示可交互Prompt教学

Prompt Playground

提示工程练习

基于 Ch6 Prompt Engineering 的模板化 Prompt 编辑器,支持 System/User 自定义与模拟输出。

体验作品
AI 教学演示可交互RAG检索

RAG 演示

检索增强生成

基于 Ch8 的简化 RAG 流程:关键词检索、Top-K 选择、上下文拼接生成。

体验作品
AI 架构演示可交互Agent架构图

AI Agent 架构演示

Agent 协作机制

感知 → 规划 → 执行 → 反思 四层架构,节点可点击查看说明,动态演示数据流动与模块协作。

体验作品
PROCESS

合作方式

01

聊

理解你的品牌、内容与目标受众。

02

定

确定视觉方向、技术方案与项目范围。

03

做

设计与开发并行,持续反馈迭代。

04

交

交付源码、部署上线、后续维护支持。

一起把想法做成体验

无论是网站、交互体验、空间数字内容,还是希望融入 AI 功能的产品想法, 都可以先从具体目标与合适的实现方式聊起。

聊聊项目