“我想要个按钮,点了能把事情办了。”
做过的小东西
可交互的 demo 比文字更诚实,点进去试试。
示例作品 AProject Alpha
一句话说明它解决了什么问题、用了什么手艺。可交互的 demo 比文字更诚实。
示例作品 Bmicro tool
另一件认真做完的小东西。鼠标移到卡片上,光斑会跟着你走。
术语图鉴
把日常碰到的概念,画成一张卡片。
“拨一下,状态就在「开」和「关」之间切。”
“让我知道事情走到哪一步了。”
“轻轻弹一下,告诉我「好了」,然后自己消失。”
“我需要你先看这里,做个决定再回去。”
“背景虚掉一层,前面的东西就浮出来了。”
“把棱角收一收,气质立刻不一样。”
“同样动一下,缓得好就看着舒服。”
“像有根橡皮筋,拉一下会回弹。”
工具箱
用得趁手的东西,按熟练程度排了序。
工程与工具3
接口、脚本、构建流程。
分支策略、Code Review、CI。
Claude Code / Codex、Skill 与 Agent 协作。
前端手艺3
App Router、SSR/SSG、性能与 SEO。
类型即文档,尽量让编译器替我思考。
设计令牌、动效、响应式。
设计与协作2
排版、留白、配色,能自己把东西做顺眼。
从需求到原型,关心真实的人怎么用。
写过的字
散落在各个平台的思考,点过去读原文。
示例文章标题:把 CSS 变量玩出花
主题切换、设计令牌、动效编排,全靠一套变量撑起来。
在 微信公众号 阅读 →示例文章标题:用一个周末做了个小东西
这里放文章摘要,两三句话讲清楚写了什么、值不值得点过去读。
在 知乎 阅读 →示例文章标题:怎么避免 AI 味儿的设计
不是套模板就好——讲点我在排版、配色和留白上踩过的坑。
在 掘金 阅读 →关于我
一段不长不短的自我介绍。
刘大头 / NICHOLAS / 非典型工程师
你好,这里是一段占位的自我介绍。可以写你是谁、在哪个城市、平时靠什么吃饭,又为什么做这个站。
我喜欢把模糊的想法一点点做成能点、能看、能用的东西。这里收录我的作品、学到的概念、写过的文字,以及正在琢磨的事。
经历
示例公司 A
前端开发
做过云原生相关的控制台与文档站。
示例公司 B
全栈工程师
从 0 到 1 搭过一个面向创作者的工具。
示例公司 C
AI 产品 / 独立开发
琢磨怎么把 AI 真正用进日常工作流里。
找我聊聊
合作、提问、或者只是说声嗨,都欢迎。