Creative Developer / Product Builder /
BaseHunanHunanFocusAI FXAI + MotionStylePixelPixel / GlassModeBuildingBuilding
Available for selected projects
无限进步
把产品想法、前端动效和 AI 工作流揉在一起，做成有质感、能上线、也有一点点怪可爱的东西。
ReactNext.jsMotionAI toolingPixel taste
18
shippedYEARS OLD
64
motionmotion components
02
yearsyears building
profile signal
A personal site that behaves like a tiny interface.
这里先放占位内容，你之后可以把它换成真实经历。结构已经留好：能力、代表项目、工作方式和联系入口。
Interface
Next.jsReactTailwindMotionDesign Systems
Product
SaaSDashboardsLanding PagesUX WritingPrototypes
Automation
AI AgentsInternal ToolsData FlowsDocsQA Loops
motion deck
A page that reacts when you touch it.
这里专门放切页、点击、滚动这些更强的动效反馈。你可以直接点下面三个 tab，页面会有方向切换和数字弹动。
motion layer / 01
active signal
Ambient interface motion
页面不是静态简历，而是一块会呼吸的个人界面。背景粒子、滚动进度和扫描线都保持在同一个绿色信号系统里。
cursor glowscroll beampixel scan
intensity
86frames
tap tabs / page switchclick tabs to feel the page switch
selected work
Projects, experiments, and proof of taste.
这些是可替换的项目占位。每张卡都有 hover 位移、像素标签和清晰的信息层级，可以直接换成你的真实作品。
01
personal dashboard
Pixel Personal OS
一个把日程、灵感、项目状态和 AI 助手放在同一张像素风工作台里的概念产品。
Next.jsAIMotion
02
brand site system
Signal Launch Kit
为小团队准备的发布页系统，带动态 hero、组件化 pricing、交互式 FAQ 和数据追踪。
BrandLandingCMS
03
workflow experiments
Tiny Agent Lab
一组轻量 AI agent 原型，用来验证自动研究、代码审查、内容生成和任务拆解流程。
AgentsToolsR&D
live console
My profile as a command line.
保留一点工程师的仪式感：点不同 tab，会重新输入命令和输出信息。这里适合放真实技术栈、履历摘要或联系方式。
$
timeline
A small history of making things.
如果你想要更像简历，可以把这里换成教育、工作经历、奖项或作品链接。现在先用偏个人介绍的时间线占位。
Now
Building taste-forward AI products
把复杂能力藏进简单界面里，让使用者感觉自己忽然变强了一点。
2025
Shipped motion-heavy web experiences
关注微交互、可读性、信息密度和真实可用的工程边界。
Before
Learned by making too many prototypes
从设计稿、工具、自动化到完整产品，一直在把灵感做成可运行的东西。
contact
Have an idea that needs a little more electricity?
这里可以放你的真实联系方式、接单方向、合作偏好，或者一句更有个性的个人宣言。