# Sản phẩm nhỏ, làm kỹ đến từng chi tiết.

> ChabuLab là studio độc lập làm Ribbon cho Mac, công cụ miễn phí trên trình duyệt cho người sáng tạo, trò chơi chữ, ứng dụng từ vựng LexiLoop và hai kênh nhạc, tất cả theo cùng một bộ tiêu chuẩn.

ChabuLab tự thiết kế, xây dựng và vận hành phần mềm, trò chơi và âm nhạc: một trình quản lý cửa sổ cho Mac, công cụ miễn phí chạy ngay trên trình duyệt, trò chơi chữ, ứng dụng học từ vựng và hai kênh nhạc. Tất cả cùng theo một bộ tiêu chuẩn được viết rõ ràng.

## Đang làm gì

Sáu sản phẩm, mỗi cái ở một giai đoạn. Mỗi sản phẩm có địa chỉ riêng dưới chabulab.com và được xây dựng, phát hành độc lập.

### Ribbon

*Trình quản lý cửa sổ cho macOS.* Đang phát triển (Sắp có bản dùng thử).

Ribbon xếp các cửa sổ cạnh nhau trên một dải ngang dài, và ba ngón tay trên trackpad đưa bạn lướt dọc theo dải. Không cửa sổ nào chồng lên, không cửa sổ nào bị che. Thoát Ribbon là mọi cửa sổ trở lại màn hình.

- macOS 14 trở lên
- Chip Apple và Intel
- Ứng dụng Swift gốc
- Dùng thử 14 ngày

<https://ribbon.chabulab.com>

### ChabuLab Tools

*Công cụ miễn phí cho người sáng tạo, ngay trên trình duyệt.* Đang phát triển (Chuyển đổi tệp đã chạy).

Công cụ âm thanh, video và hình ảnh chạy hoàn toàn trên máy của bạn. Tệp không bao giờ được tải lên, nên luôn riêng tư và không phải chờ máy chủ, kể cả với bản âm thanh dài hàng giờ.

- Không tải tệp lên
- Chạy được trên trình duyệt cũ
- Không cần tài khoản

[Chuyển đổi tệp](https://tools.chabulab.com/convert/) · Ghép nhạc dài · Đo độ lớn âm thanh · Canh lời bài hát · Xem trước ảnh bìa · Tạo mốc chương · Hiệu ứng khảm ảnh · Chữ thành infographic · Tạo GIF

<https://tools.chabulab.com>

### ChabuLab Games

*Trò chơi giải trí bằng tiếng Việt và tiếng Anh.* Đang chạy (Đã có Tứ Quý).

Trò chơi ngắn, miễn phí, chơi mượt trên trình duyệt mọi điện thoại, không cần đăng ký. Tứ Quý (Fourfold) thử thách bạn chia mười sáu từ thành bốn nhóm, từ nhóm quen thuộc tới chơi chữ.

- Tiếng Việt và tiếng Anh
- Miễn phí, không đăng ký

[Tứ Quý · Fourfold](https://games.chabulab.com/four-fold/) · Sudoku · Chạm để bay · Dò mìn

<https://games.chabulab.com>

### LexiLoop

*Học từ vựng tiếng Anh cho người Việt.* Đang phát triển (Bản xem trước trên web).

Bộ thẻ, flashcard và năm kiểu câu hỏi: nghĩa, phiên âm IPA, định nghĩa, nghe và chép chính tả. Một mã nguồn chạy trên web, Android và iOS.

- Web, Android, iOS
- Giải thích bằng tiếng Việt

<https://lexiloop.chabulab.com>

### Moonbrew Café & Polaroid Hearts

*Hai kênh nhạc trên YouTube.* Đang chạy.

Moonbrew Café phát những bản phối café đêm dài, êm để làm việc và đọc sách. Polaroid Hearts ra những bài pop và light rock về tình yêu và trưởng thành, mỗi bài có bản tiếng Anh và bản tiếng Việt cùng giai điệu.

- Bản phối lofi và jazz
- Bài hát hai thứ tiếng

### The Stash

*Template và sản phẩm số.* Sắp mở (Lô đầu tiên đang làm).

Template Notion và bảng tính cho người sáng tạo và người làm tự do: theo dõi kênh YouTube, bộ tài chính cho freelancer, hệ thống làm nội dung và bảng điều khiển cuộc sống. Thanh toán và tải về qua Gumroad.

- Notion và bảng tính
- Tải về ngay

<https://stash.chabulab.com>

Cũng đang thử nghiệm: [Orbitwave](https://orbitwave.chabulab.com), đồ thị tương tác, mỗi nút chuyển động theo sóng riêng; những cảnh 3D nhỏ, những khung cảnh three.js yên bình để ngắm và khám phá.

## Quy tắc mọi sản phẩm đều theo

Bốn bộ tiêu chuẩn viết rõ ràng, nói về việc sản phẩm làm gì, trông ra sao, dùng có sướng tay không và giữ an toàn cho mọi người thế nào. Chưa đạt thì chưa phát hành.

### Sản phẩm

Đủ đầy mà không rườm rà. Chạy vững trên máy cũ. Không bao giờ làm mất công sức của bạn.

- Tính năng được giữ nếu giúp ích dù chỉ một người. Chỉ bỏ phần trùng lặp và mã chết.
- Điện thoại, máy tính và trình duyệt cũ luôn có cách chạy thay thế, không bao giờ treo.
- Công việc được tự lưu, và một lần mở lỗi không bao giờ ghi đè bản bạn đã lưu.
- Nơi có quảng cáo, quảng cáo không bao giờ chặn, ngắt quãng hay làm mất công của bạn.

### Thiết kế

Mỗi sản phẩm có hệ thống thiết kế riêng, và mỗi màn hình được chăm chút chứ không rập khuôn.

- Thiết kế bắt đầu từ những sản phẩm thật làm cùng việc: mượn cách làm, không bao giờ mượn bản sắc.
- Màu, chữ, khoảng cách, bo góc, đổ bóng và chuyển động nằm trong token, nên một thay đổi áp dụng khắp nơi cùng lúc.
- Chế độ tối có bảng màu được thiết kế riêng, không bao giờ chỉ là đảo màu.
- Phông chữ được thử từng ký tự tiếng Việt trước khi chọn.

### UI/UX

Người mới dùng hiểu ngay, và trải nghiệm trên điện thoại giống hệt trên máy tính.

- Nút ghi rõ việc nó làm, chữ gợi ý cho biết khi nào dùng, và thông báo lỗi chỉ cách sửa.
- Tính năng chính luôn hiện rõ, không bao giờ giấu sau thao tác rê chuột, cử chỉ hay menu ẩn.
- Cùng tính năng, nhãn và thứ tự trên mọi thiết bị. Chỉ cách trình bày thay đổi cho phù hợp.
- Mọi tác vụ chính được làm thử từ đầu đến cuối, bằng ngón cái và bằng bàn phím, trước khi phát hành.

### Bảo mật

Bảo vệ theo đúng mức của từng sản phẩm, và không có ngoại lệ nào cho người dùng, tiền bạc và hạ tầng.

- Mỗi sản phẩm được xếp một cấp bảo mật, từ trang tĩnh tới thanh toán và hạ tầng, và được xây theo đúng chuẩn của cấp đó.
- Người dùng, tiền và hạ tầng luôn nằm trong phạm vi: máy chủ kiểm tra mọi quyền truy cập và quyết định mọi mức giá.
- Không có bí mật trong mã, gói phát hành hay nhật ký, và mỗi token chỉ có quyền tối thiểu cần thiết.
- Rà soát trước khi ra mắt và sau mỗi thay đổi về đăng nhập, thanh toán hay triển khai. Lỗi nghiêm trọng sẽ dừng việc phát hành.

Đọc toàn bộ tiêu chuẩn: https://chabulab.com/vi/standards.md

## Bàn làm việc

Công cụ mới và nhanh, chọn đúng cho từng việc, trên một nền tảng chung. Thư viện luôn ở phiên bản ổn định mới nhất.

- **Ngôn ngữ và framework:** TypeScript 7, React 19, TanStack, Svelte 5, Expo · React Native, Swift
- **Giao diện:** Tailwind CSS 4, Radix · shadcn/ui, OKLCH tokens, Commissioner · Literata, Motion, Lucide
- **Ngay trong trình duyệt:** WebCodecs, Web Audio, Mediabunny, WebGL2, OPFS · IndexedDB, Web Workers
- **Build và chất lượng:** Vite 8, pnpm 12, oxlint · oxfmt, Vitest, Playwright, Lighthouse
- **Máy chủ và dữ liệu:** Hono, Drizzle ORM, Zod, Passkeys
- **Nội dung và khả năng tìm thấy:** Prerendered HTML, Markdown twins · llms.txt, JSON-LD, unified · Shiki, Takumi

### Mọi thứ chạy trên Cloudflare

Một tên miền, mỗi sản phẩm một Worker. Mỗi sản phẩm triển khai độc lập và chỉ trả lời đúng địa chỉ của mình, nên phát hành cái này không bao giờ làm sập cái khác.

Xem toàn bộ công nghệ: https://chabulab.com/vi/stack.md

## Chào hỏi

Câu hỏi, ý tưởng, lỗi bạn gặp hay thứ bạn muốn được làm ra: hello@chabulab.com