AI 产品案例
InkTask
一个只做一件事的极简待办应用——vanilla JavaScript,零依赖,键盘驱动。
已上线RESOURCES
01问题
市面上的 todo app 都臃肿:标签、提醒、子任务、协作……做太多反而用不上。
02方案
砍到只剩三件事:添加、完成、删除。键盘快捷键(Enter 添加 / Esc 取消),localStorage 持久化,UI 留白克制。
03我的职责
产品定位、UI 设计、前端实现(全栈一人)。
01 · 背景与痛点
功能做多了之后,打开一个 todo app 要先想"我该点哪里",这种负担比"记不住任务"更致命。
02 · 产品设计与 Agent 架构
方案:砍到只剩三件事:添加、完成、删除。键盘快捷键(Enter 添加 / Esc 取消),localStorage 持久化,UI 留白克制。
我的职责:产品定位、UI 设计、前端实现(全栈一人)。
工作流设计
graph LR
A[任务输入] --> B{按 Enter}
B -- 添加 --> C[任务列表]
C --> D[点击完成 Esc 取消]
D --> E[localStorage 持久化]
03 · 复盘
砍功能比加功能难:删到只剩‘添加 / 完成 / 删除’后,键盘流(Enter 添加 / Esc 取消)才成为真正的差异化。复盘:单点工具的护城河,是把一个动作做到零思考。
04 · 成果与产品思考
已上线 https://inktask.vercel.app/;设计复盘发布在站酷。
产品思考:克制不是偷懒,是对用户注意力的尊重。
AI product case study
InkTask
A minimal task app that does one thing well — vanilla JavaScript, zero dependencies, keyboard-driven.
LiveRESOURCES
01Problem
Most todo apps are bloated — tags, reminders, subtasks, collaboration... doing too much makes them unusable.
02Approach
Stripped to three actions: add, complete, delete. Keyboard shortcuts (Enter to add / Esc to cancel), localStorage persistence, restrained whitespace.
03My role
Product positioning, UI design, full-stack solo implementation.
01 · Background & Pain
When a todo app has too many features, opening it makes you think "where do I click" — that friction is worse than forgetting the task itself.
02 · Product Design & Agent Architecture
Approach: Stripped to three actions: add, complete, delete. Keyboard shortcuts (Enter to add / Esc to cancel), localStorage persistence, restrained whitespace.
My role: Product positioning, UI design, full-stack solo implementation.
Workflow design
graph LR
A[任务输入] --> B{按 Enter}
B -- 添加 --> C[任务列表]
C --> D[点击完成 Esc 取消]
D --> E[localStorage 持久化]
03 · Pitfalls & Hard Lessons
[TBD: share 1-2 of the hardest debugging / cost-cutting / architecture decisions]
04 · Outcome & Product Thinking
Live at https://inktask.vercel.app/; design breakdown published on ZCOOL.
Product thinking: Restraint is not laziness; it is respect for the user's attention.