Xây dựng Bloxely với Kiro: Biến ý tưởng thành bảng điều khiển tập trung
Giữ tập trung luôn là một thách thức lớn đối với tôi. Tôi dễ bị phân tâm và khi mở một bảng điều khiển lớn đầy các tính năng, tôi thường cảm thấy choáng ngợp thay vì có hiệu suất làm việc cao. Ngược lại, những ghi chú dán đơn giản lại không cung cấp đủ cấu trúc để quản lý ưu tiên.
Tôi bắt đầu tự hỏi nếu tôi chỉ thấy những ưu tiên hàng đầu cho hôm nay mà không gì khác thì sao. Tôi đã thử nghiệm ý tưởng này với một cuốn sổ tay. Tôi viết ra một hoặc hai nhiệm vụ và chỉ tập trung vào chúng. Thật ngạc nhiên, năng suất của tôi đã cải thiện đáng kể. Những phân tâm dần biến mất và tôi cuối cùng có thể tập trung. Thí nghiệm đơn giản đó đã trở thành hạt giống cho Bloxely.
Tôi đã xây dựng gì
Bloxely là một bảng điều khiển tập trung được xây dựng từ các khối. Thay vì hiển thị mọi thứ cùng một lúc, nó cho phép người dùng chỉ thêm những khối họ cần cho ngày hôm đó. Các khối có thể thay đổi kích thước và di chuyển, do đó bảng điều khiển thích ứng với cách làm việc của từng người. Nó không phức tạp như Notion và cũng không đơn giản như ghi chú dán. Nó nằm ở giữa, nơi sự tập trung tồn tại.
Tôi đã thiết kế Bloxely với những yếu tố cơ bản thực sự giúp tăng năng suất. Người dùng có thể thêm danh sách việc cần làm, bảng Kanban, ma trận ưu tiên, ghi chú dán và ghi chú có hỗ trợ giọng nói. Để xây dựng thói quen tốt hơn, có một công cụ theo dõi thói quen. Để lên kế hoạch cho tương lai, có một lịch tối giản lưu trữ các nhiệm vụ sắp tới. Để duy trì nhịp điệu, có một bộ hẹn giờ Pomodoro và một chiếc đồng hồ đơn giản. Để có được cảm hứng, thậm chí còn có một trình phát YouTube cho nhạc lofi.
Ngoài ra, người dùng có thể thêm hình ảnh và ảnh chụp màn hình, tùy chỉnh hình nền của họ, và thu phóng khi cần không gian thêm. Mọi thứ được xây dựng dựa trên nguyên tắc ít lộn xộn, nhiều tập trung.
Kiro đã giúp tôi như thế nào
Bloxely ngày nay tồn tại nhờ Kiro. Nếu không có nó, quá trình chuyển từ ý tưởng sang sản phẩm hoạt động sẽ chậm và khó khăn. Kiro đã cung cấp cho tôi cấu trúc, sự tăng tốc và hướng dẫn ở mọi bước.
Từ ý tưởng đến đặc tả
Tôi bắt đầu bằng cách chia sẻ tầm nhìn của mình với Kiro bằng ngôn ngữ đơn giản. Tôi đã nói với nó rằng tôi muốn một bảng điều khiển được làm từ các khối mà người dùng có thể thêm và thay đổi kích thước. Kiro đã giúp tôi biến tầm nhìn đó thành một đặc tả chính xác. Chúng tôi đã cùng nhau xây dựng ba tài liệu chính:
- requirements.md: nơi tôi đã viết những câu chuyện người dùng đơn giản như “Là một người dùng, tôi có thể thêm một khối hẹn giờ Pomodoro để theo dõi các phiên tập trung của mình.”
- design.md: nơi Kiro đã hướng dẫn tôi phác thảo kiến trúc. Mỗi widget sẽ tự chứa và sử dụng bộ nhớ cục bộ thay vì một backend nặng nề.
- tasks.md: nơi công việc được chia thành các bước lập trình rõ ràng để tôi có thể giữ đúng tiến độ.
Cách tiếp cận dựa trên đặc tả này đã mang lại cho tôi sự rõ ràng. Thay vì lao vào mã lộn xộn, tôi có một lộ trình sống động.
Xây dựng với lập trình vibe
Khi đặc tả đã sẵn sàng, tôi chuyển sang lập trình vibe với Kiro. Tôi sẽ mô tả những gì tôi muốn bằng ngôn ngữ tự nhiên và Kiro sẽ tạo ra mã. Nếu có điều gì cần điều chỉnh, tôi đã tinh chỉnh nó trong cuộc trò chuyện. Nó giống như lập trình cặp với một đối tác không bao giờ mệt mỏi.
Sự tạo mã ấn tượng nhất đã xảy ra khi tôi cần một hệ thống cho các khối có thể thay đổi kích thước, kéo và thả, lưu trữ dữ liệu cục bộ. Điều này khá phức tạp và thường mất hàng tuần để thực hiện. Kiro đã tạo ra mã sạch, hoạt động, trở thành nền tảng của bảng điều khiển Bloxely chỉ trong vài giờ.
Gỡ lỗi với hướng dẫn
Như bất kỳ dự án nào, tôi đã gặp phải lỗi linting, vấn đề cú pháp và lỗi logic. Thông thường, những vấn đề nhỏ này sẽ làm gián đoạn dòng chảy của tôi. Với Kiro, tôi chỉ cần yêu cầu trợ giúp. Nó chỉ ra những gì sai, giải thích cách sửa và thường viết lại mã đã được sửa. Điều này đã tiết kiệm cho tôi hàng giờ và giúp tôi tập trung vào việc xây dựng các tính năng thay vì chạy theo lỗi.
Tự động hóa với agent hooks
Tôi cũng đã sử dụng các agent hooks của Kiro để tự động hóa các quy trình làm việc lặp đi lặp lại. Một hook tự động cam kết các thay đổi vào Git mỗi khi tôi hoàn thành một tính năng. Một hook khác giữ cho tài liệu của tôi được cập nhật khi tôi sửa đổi một thành phần. Những tự động hóa này có thể nghe có vẻ nhỏ, nhưng chúng đã mang lại cho tôi không gian tư duy nhiều hơn để tập trung vào thiết kế thay vì bảo trì.
Bài học rút ra
Xây dựng Bloxely với Kiro đã dạy cho tôi ba bài học quan trọng.
- Sự đơn giản tạo ra sự tập trung. Những công cụ tốt nhất không phải là những công cụ có tính năng vô tận, mà là những công cụ giúp bạn tập trung vào những gì quan trọng.
- Thiết kế mô-đun phát triển tốt. Nghĩ về mọi thứ như một khối làm cho hệ thống linh hoạt. Tôi có thể thêm, xóa hoặc thay đổi kích thước mà không làm gián đoạn dòng chảy tổng thể.
- AI tăng tốc phát triển. Kiro không chỉ là một trình tạo mã. Nó là một hướng dẫn đã giúp tôi lập kế hoạch, thiết kế, xây dựng và gỡ lỗi. Nó giống như làm việc với một đồng đội giúp tôi giữ được định hướng với tầm nhìn của mình trong khi tiết kiệm thời gian.
Thách thức tôi đối mặt
Thách thức lớn nhất là tránh làm phình to tính năng. Tôi đã phải liên tục nhắc nhở bản thân rằng Bloxely là về sự tập trung, không phải về việc làm mọi thứ. Mỗi ý tưởng mới đều phải qua một bộ lọc: điều này có làm cho người dùng tập trung hơn không hay chỉ thêm sự lộn xộn.
Một thách thức khác là thiết kế bộ nhớ cục bộ đáng tin cậy. Không có một cơ sở dữ liệu truyền thống, tôi đã phải đảm bảo dữ liệu nhất quán và dễ dàng truy xuất. Sự hướng dẫn của Kiro ở đây là vô giá.
Cuối cùng, việc cân bằng giữa sự đơn giản và chức năng đã trải qua nhiều vòng lặp. Tôi muốn Bloxely trông tối giản nhưng vẫn cảm thấy đủ mạnh mẽ để sử dụng hàng ngày.
Con đường phía trước
Bloxely hiện tại là một điểm khởi đầu vững chắc, nhưng tôi thấy nó sẽ phát triển. Tôi muốn thêm nhiều khối hơn, hoàn thiện các tương tác và làm cho không gian làm việc trở nên cá nhân hơn. Đồng thời, tôi vẫn muốn giữ nguyên nguyên tắc cốt lõi: tập trung trước tiên, mọi thứ khác sau.
Nếu tôi phải diễn đạt tầm nhìn của Bloxely trong một phương trình, nó sẽ rất đơn giản:
Kết luận
Điều khiến tôi phấn khích nhất là cách mà Kiro đã giúp biến tầm nhìn này thành hiện thực. Thông thường, một dự án như Bloxely sẽ mất hàng tuần lập kế hoạch và hàng tháng lập trình. Với Kiro, tôi đã chuyển từ ý tưởng sang sản phẩm hoạt động trong thời gian kỷ lục. Quan trọng hơn, tôi đã làm điều đó mà không cảm thấy choáng ngợp.
Kiro trở thành nhiều hơn một trợ lý lập trình. Nó là một đối tác đã cấu trúc suy nghĩ của tôi, hướng dẫn thiết kế của tôi và sửa những sai lầm của tôi. Nó giữ cho tôi năng suất trong khi tôi xây dựng một công cụ thực sự về năng suất.
Bloxely là minh chứng rằng khi sự sáng tạo của con người gặp gỡ phát triển được hỗ trợ bởi AI, những ý tưởng không cần phải chỉ tồn tại trên giấy. Chúng có thể trở thành những sản phẩm thực tế, hữu ích giúp mọi người làm việc tốt hơn.
Đó chính xác là điều mà Bloxely hướng tới. Và chính xác là điều mà Kiro đã làm cho nó trở thành hiện thực.
