Focus App — Extension VSCode (lấy cảm hứng từ Blitzit)

Trợ lý tập trung lấy task làm trung tâm, mô phỏng workflow của Blitzit ngay trên sidebar VSCode.

Workflow 4 bước (kiểu Blitzit)

Lên kế hoạch — thêm việc vào 3 danh sách: 🔥 Hôm nay / 📅 Tuần này / 📥 Backlog, gắn ước lượng thời gian (Est) và mức ưu tiên (P1–P3).
⚡ BLITZ NOW — bấm nút để vào Focus Mode: chỉ hiện 1 việc đang làm + timer chạy, các việc còn lại liệt kê bên dưới.
Giữ momentum — Pause / Nghỉ / Bỏ qua / ✓ Xong. Mỗi việc xong có hiệu ứng ăn mừng 💥.
Win the day — hết việc hôm nay hiện màn hình 🏆.

Tính năng

⚡ Bảng việc Kanban (xếp dọc cho vừa sidebar): Hôm nay / Tuần này / Backlog, kéo việc giữa các list qua dropdown.
⏱️ Focus Mode với Pomodoro (mặc định 25′ làm + 5′ nghỉ, sau 4 phiên nghỉ dài 15′). Tắt Pomodoro thì timer đếm lên để đo thời gian thực.
📊 Theo dõi thời gian: mỗi việc hiện Est 30m · Đã làm 12m + thanh tiến độ.
📍 Đếm ngược trên Status Bar (giống floating timer của Blitzit) — luôn thấy dù sidebar đóng.
📝 Ghi chú nhanh tự lưu.
💧 Nhắc uống nước chạy ngầm (mặc định 45′/lần).

Chạy thử (development)

npm install
npm run compile

Mở thư mục trong VSCode → nhấn F5 → cửa sổ "Extension Development Host" bật ra → bấm icon ⏱️ trên Activity Bar.

Cấu hình (Settings → Focus App)

Thiết lập	Mặc định	Ý nghĩa
`focusApp.pomodoro.enabled`	true	Bật Pomodoro (tắt = đếm lên)
`focusApp.pomodoro.workMinutes`	25	Thời lượng làm việc
`focusApp.pomodoro.shortBreakMinutes`	5	Nghỉ ngắn
`focusApp.pomodoro.longBreakMinutes`	15	Nghỉ dài
`focusApp.pomodoro.longBreakInterval`	4	Số phiên trước khi nghỉ dài
`focusApp.water.enabled`	true	Bật nhắc uống nước
`focusApp.water.intervalMinutes`	45	Khoảng cách nhắc nước

Lệnh (Command Palette)

Focus: BLITZ NOW (vào chế độ tập trung)
Focus: Thoát chế độ tập trung
Focus: Bật/tắt nhắc uống nước

Đóng gói `.vsix`

npm install -g @vscode/vsce
vsce package

Lưu trữ

Tasks: lưu trong file chung ~/.focus-app/tasks.json (để MCP server và extension dùng chung). Extension theo dõi file này và cập nhật live.
Ghi chú & số ly nước: lưu trong globalState của VSCode.
Cấu hình (Pomodoro, nước, Jira): lưu trong settings.json.

MCP server — để Claude tự tạo task

Extension đi kèm một MCP server (mcp/focus-mcp.mjs) cho phép Claude Code đọc/tạo/sửa task.

Tool có sẵn: list_tasks, create_task, update_task, delete_task.

Kích hoạt: file .mcp.json đã khai báo sẵn server. Mở project bằng Claude Code → Claude sẽ hỏi duyệt MCP server → đồng ý là dùng được. (Nếu đang mở sẵn, khởi động lại Claude Code để nạp.)

Dùng: nói với Claude ví dụ "Tạo task PROJ-123 'Sửa lỗi login', ưu tiên cao, ước lượng 30 phút" → Claude gọi create_task → task hiện ngay trong sidebar Focus App.

Dữ liệu chia sẻ qua ~/.focus-app/tasks.json nên MCP và extension luôn đồng bộ.

Focus App

namnt