常用工具
我日常做设计、Web、移动端、macOS 和 AI workflow 时会用到的工具、应用、框架和硬件。
设计
- Figma 我的主要 UI 设计环境，高保真原型、组件规格和大部分视觉产出都在这里完成。
- Design Systems 我在跨屏幕、跨平台和跨工程师协作时保持视觉和行为一致性的方法。
- UI Components 我习惯用可复用的构建块来思考界面：可组合、有文档、能应对设计变更。
- Material Design 设计 Android 或 Material 风格 Web 产品时的参考语言。
- Human Interface Guidelines 设计 iOS、iPadOS 或 macOS 产品时的对应参考。
- Human-Centered Design 我带到每个项目里的视角：先看用户所处的语境，再谈功能列表。
- User Research 在打开画布之前，通过访谈和情境调研理解我到底在为谁设计。
- Usability Testing 用结构化任务和指标（成功率、完成时间、错误数、易用性评分）指导迭代。
- Typography 选择和搭配字体是让界面立刻显得有意图的最快方式。
- Color Theory 色板、层级和关注无障碍对比度的用色。
开发
- Python 我后端服务、数据处理和快速脚本的主力语言。
- Swift + SwiftUI 做原生 macOS 或 iOS App 时的首选。
- JavaScript 浏览器相关工作的基础胶水。大部分 Web 项目还是从这里开始。
- TypeScript 当 JS 项目超过一个页面、我希望编译器帮我抓错误的时候会切换过来。
- React 我的主力 Web UI 库。组件模型和我的设计师思维很合拍。
- React Native 做跨平台移动端时用的一套代码覆盖 iOS 和 Android。
- HTML & CSS 基本功；仍然是被低估的前端技能。
- Tailwind CSS 新 Web 项目的默认样式层。utility-first 的写法让我能快速迭代。
- C / C++ 需要贴近硬件的时候会降到这里。
工具、API 与数据
- Git 我碰到的每个项目都用版本控制。
- GitHub 代码、Release 和 CI 都在这里，包括签名和公证后的 macOS 分发流程。
- Firebase 做快速移动端构建时，认证和实时数据的首选。
- Expo React Native 工具链，构建、开发客户端和 OTA 更新都靠它。
- Xcode 所有 Swift、SwiftUI 和 Apple 平台调试的 IDE。
- RESTful APIs 服务间通信的默认方式。
- GraphQL 当每个页面的数据形状差异大、我只想拉需要的数据时会更倾向用这个。
- SQL 日常查询关系型数据的语言。
- PostgreSQL 超出原型阶段后的默认关系型存储。
- FastAPI 做 API 和快速后端原型时用的 Python 框架。
AI 与 Agent 工具
- Prompt Engineering 设计和迭代 prompt，从 LLM 中获取可靠、结构化的输出。
- AI 辅助编程 全天和模型结对编程，从重构到脚手架到探索陌生代码库。
- OpenAI Codex 代码生成和快速实验时用的工具。
- Claude Code 终端里 AI 辅助编程的日常主力。
- n8n 可视化工作流自动化，用来连接 API、触发器和 AI 步骤。
- Make (Integromat) 跨应用自动化和集成编排。
- Hermes Agent 个人 AI agent 系统，用来处理自动化、工作流和多 agent 编排。
- RAG 系统 当产品不能只依赖模型预训练知识时，用私有或领域数据支撑 LLM 回答。
- AI Agent 工作流 设计多个 agent 和工具如何协作完成完整任务。
- Human-AI Interaction 我带到 AI 产品里的设计视角：让模型行为可理解、可恢复，也更值得信任。
- Whisper / 语音转文字 当产品需要语音转文字时，我用 Whisper（以及 whisper.cpp 做完全本地、保护隐私的转录）。
System
| 操作系统 | macOS |
|---|---|
| 浏览器 | Arc |
| 显示器 | LG 27UN850-W 4K |
| 键盘 | Keychron K2 |
| 鼠标 | Logitech G305 |
| 笔记本 | MacBook Air M3 |
| 耳机 | Apple AirPods |