Developer Tools

Công cụ web dev

Khám phá bộ công cụ dành cho nhà phát triển để nâng cao năng suất của bạn, bao gồm Design System Studio, Từ vựng Web Dev, và Interview Lab

Design System Studio

Chỉnh một token, cả giao diện đổi theo

Design token dễ hiểu nhất khi bạn được tự tay kéo thử. Chọn một preset, chỉnh màu nhấn, bo góc và elevation, xem một giao diện thật đổi ngay trước mắt - rồi export tất cả thành CSS variables cho project của bạn.

Màu nhấn
Bo góc
Preview trực tiếp
Bắt đầu
CSS variables

--accent: oklch(0.69 0.15 237);
--radius: 0.5rem;

Một token, mọi component

Đổi màu nhấn, kéo thanh bo góc - mọi button và card cập nhật cùng lúc. Ưng ý rồi thì export theme về dùng.

Mở Studio
  • Bắt đầu từ preset

    Chọn một theme có sẵn làm điểm xuất phát, rồi chỉnh từng token đến khi bảng màu mang dấu ấn của bạn.

  • Xem thay đổi trên UI thật

    Button, card, badge và form control đổi ngay khi bạn kéo control, nên bạn thấy rõ token nào điều khiển phần nào trên giao diện.

  • Export CSS dùng được ngay

    Tải theme về dưới dạng CSS variables, CSS-in-JS, hoặc JSON để dùng trong project của bạn.

Từ Vựng Web Dev

Gọi đúng thuật ngữ mà AI và dev team thật sự dùng

Biết mình muốn gì nhưng không biết gọi là gì? Tool này giúp bạn tìm đúng thuật ngữ, hiểu nó bằng lời giải thích dễ hiểu kèm với một ví dụ bằng hình ảnh, rồi sau đó có thể viết prompt hiệu quả hơn hoặc có thể theo kịp các cuộc nói chuyển của dev team.

phần mở rộng thu gọn
Khớp nhất
Accordion
UI & Layout

Các phần xếp chồng lên nhau, mở ra đóng vào khi bạn bấm, như danh sách câu hỏi FAQ.

Bạn có thể đã gọi nó là: phần mở rộng thu gọn, danh sách bấm mở, kiểu dropdown faq

Prompt mẫu

Đặt mấy phần này vào accordion để mỗi phần mở ra thu lại khi bấm.

Lời thường, đúng thuật ngữ

Mô tả thứ bạn muốn — nhận tên gọi, ý nghĩa, và một prompt có thể dán ngay.

Khám phá từ vựng
  • Tìm đúng thuật ngữ

    Mô tả một mẫu giao diện hay khái niệm bằng lời thường ngày để nhận đúng tên gọi mà lập trình viên và AI thật sự dùng.

  • Hiểu bằng lời đơn giản

    Mỗi thuật ngữ đi kèm một giải thích không thuật ngữ và một ví dụ cụ thể, để ý nghĩa được nhớ lâu.

  • Viết prompt đúng ý

    Sao chép prompt mẫu có sẵn cho mỗi thuật ngữ và nhận đúng kết quả bạn hình dung ngay lần đầu.

Interview Lab

Sẵn sàng cho buổi phỏng vấn tiếp theo

Nhận kế hoạch chuẩn bị phỏng vấn dành riêng cho bạn được tạo bởi AI dựa trên CV của bạn và yêu cầu công việc

Demo trực tiếp

Xem demo trước, rồi tạo kế hoạch riêng của bạn trong chưa đầy một phút.

Khám phá tính năng
Không cần thẻ tín dụngMiễn phí để bắt đầu ngay
  • Thống kê được AI phân tích

    Upload CV và yêu cầu công việc để nhận kế hoạch chuẩn bị phỏng vấn dành riêng cho bạn được tạo bởi AI

  • Lộ trình ôn tập rõ ràng

    Nhận lộ trình rõ ràng dựa trên kinh nghiệm và công việc bạn đang nhắm đến

  • Theo dõi tiến trình

    Theo dõi tiến trình chuẩn bị cho buổi phỏng vấn với giao diện trực quan và dễ sử dụng