Full-stack build
Connecting UI, admin tools, data models, APIs, and deployment into a real system.
内容加载中
Web / Full-stack Developer · Japan · Portfolio
I’m Yao Kai, a web / full-stack developer based in Japan.
I turn product ideas into clear, maintainable, and user-friendly digital experiences. This site collects my projects, stack, writing, and the ongoing process behind my personal website.
Next.js / ReactJava / Spring BootVueSQLite / PrismaAPI designDeploymentContent systemsAI-assisted development
LIVE WORK MAP
Technology · Design · AI
姚凯
01Research
02Shape
03Build
04Ship
Positioning
This is not just a portfolio. It is a system that shows how good work keeps happening.
Projects prove execution. Writing captures judgment. Guides make experience reusable. The library connects tools. Now keeps the site alive.
The goal is simple: help visitors understand that I can clarify vague ideas, build real systems, and polish the details that make a product feel trustworthy.
Content Architecture
Every entry point should make people want to keep going.
Instead of a single showcase page, the site is structured as a connected content system across work, guides, writing, playbooks, stack, library, and current focus.
Capability System
A premium feeling comes from clear judgment, not more decoration.
A better site helps people understand the value faster, click with intent, and trust the execution behind the interface.
AI workflow
Using AI for speed in research, framing, implementation, and review without outsourcing judgment.
Product judgment
Guides
Turning experience into steps I can reuse.
For people who want to see how I frame problems, draw boundaries, choose tools, and ship real systems.
全栈开发指南进阶约 7 分钟阅读
Machi Web 与统一后端同步指南
拆解 Machi Web 如何用 Next.js、React、TypeScript、Python、SQLite、REST API 与 SSE 支撑 Web/iOS 双端同步。
适合：需要让 Web 与 App 共享同一套 API 的开发者
Next.jsPythonSQLiteSSE
iOS 工程指南进阶约 7 分钟阅读
Machi iOS 离线优先工程指南
把 Machi iOS 的 SwiftUI、SwiftData、Repository、Service、Keychain 与 RemoteSyncService 拆成一套可复用的离线优先工程指南。
适合：正在构建真实 SwiftUI 产品的开发者
SwiftUISwiftData离线优先Machi
AI Workflow
AI is not a button. It is a collaboration layer across the whole process.
I use AI for research, framing, implementation, review, and reflection, while keeping the final judgment anchored in goals, UX, and engineering quality.
Research
Map users, risks, references, and constraints.
Shape
Turn ambiguity into structure and priorities.
Build
Connect interface, data, APIs, and admin tools.
Polish
Review rhythm, states, mobile, and copy.
Ship
Build, deploy, verify, and learn.
Writing
Recent writing and thinking.
I write down the decisions behind the work so experience can travel beyond a single project.
Library
The toolkit is part of the creation system.
I choose tools by whether they improve judgment, reduce maintenance cost, and help work compound over time.
Now
The site should feel alive.
Current work, research directions, and next plans live here.
AI 工作流92%
SwiftUI86%
SwiftData82%
产品思维90%
Next.js92%
技术是把判断变成现实的媒介
我喜欢技术，是因为它能把抽象判断转化成可被使用、可被验证、可被改进的东西。
审美不是装饰，而是系统
高级感来自信息层级、节奏、留白、反馈和一致性，而不只是颜色漂亮。
AI 应该放大人的判断
我不把 AI 当作替代者，而是把它设计进探索、起草、实现和复盘的循环里。
长期主义需要可维护系统
如果一个作品只能在发布当天成立，它就还不是系统。
Contact
If an idea is worth polishing, we can start with a clear conversation.
Useful for product prototypes, full-stack builds, AI workflows, personal brand sites, content systems, and digital experiences that need both taste and execution.
