Kaiju Hub AI

Tạo Dự Án

Create New Project dialog showing Project Name, Project Location, GitHub linking, Choose Platform tiles (Blank, Desktop, Web, Mobile), and Build Type options (Fresh Install, AI-Generated)

Thiết Lập Dự Án

Nhấp vào nút + Dự án mới từ Bảng điều khiển Dự án để mở trình hướng dẫn tạo. Màn hình đầu tiên cấu hình các thiết lập cơ bản cho dự án trước khi chọn ngăn xếp công nghệ.

Tên Dự Án

Nhập tên cho dự án. Tên được xác thực theo thời gian thực — phải là tên thư mục hợp lệ (không có ký tự đặc biệt như <>:"/\\|?*) và không được trùng với thư mục hiện có tại vị trí đã chọn.

Vị Trí Dự Án

Thư mục mặc định nơi thư mục dự án sẽ được tạo. Nhấp Duyệt để chọn thư mục khác. Dự án được tạo dưới dạng thư mục con sử dụng tên dự án.

Liên Kết GitHub

Tùy chọn chọn tài khoản GitHub để tự động tạo kho lưu trữ từ xa cùng dự án cục bộ. Chọn "Không (Không sử dụng GitHub mặc định)" để bỏ qua.

Chọn Nền Tảng

Chọn một trong bốn ô nền tảng để xác định loại dự án bạn đang xây dựng. Mỗi nền tảng hiển thị bộ tùy chọn framework và ngăn xếp công nghệ khác nhau ở màn hình tiếp theo.

Trống

Công cụ CLI, script, thư viện

Desktop

Ứng dụng desktop gốc

Web

Ứng dụng trên trình duyệt

Di Động

Ứng dụng thiết bị

Loại Xây Dựng

Chọn cách dự án nên được khởi tạo:

Cài Đặt Mới

Tạo khung dự án mới sử dụng công cụ framework chuẩn. Kaiju Hub AI chạy các lệnh CLI phù hợp (ví dụ: npm create vite@latest, cargo init, npx create-tauri-app) và cài đặt tất cả phụ thuộc.

Tạo Bằng AI

Mô tả những gì bạn muốn xây dựng và để AI tạo toàn bộ dự án. Bạn cung cấp mô tả văn bản và hình ảnh tham khảo tùy chọn, sau đó AI viết tất cả mã nguồn, tệp cấu hình và cấu trúc dự án.

Sau khi cấu hình dự án, nhấp vào Tiếp tục đến Ngăn xếp Công nghệ để tiếp tục.

Dự Án Trống

Dự án trống dành cho công cụ CLI, script, ứng dụng độc lập và bộ khởi tạo theo ngôn ngữ. Chọn ngôn ngữ hoặc runtime và Kaiju Hub AI sẽ tạo khung cấu trúc dự án tối thiểu.

Tech Stack selection for Blank projects showing language options: Empty, Node.js, Python, Rust, C++, Lua, Luau, NestJS, Go, Express, Bun, Deno with Python version selector

Tùy Chọn Ngôn Ngữ / Runtime

Empty
Node.js
Python
Rust
C++
Lua
Luau
NestJS
Go
Express
Bun
Deno

Một số ngôn ngữ bao gồm bộ chọn phiên bản. Ví dụ, khi chọn Python sẽ hiển thị các tùy chọn phiên bản (3.10, 3.11, 3.12, 3.13, 3.14, 3.15). Phiên bản được chọn xác định trình thông dịch Python nào được sử dụng để tạo môi trường ảo.

Dự Án Desktop

Dự án desktop tạo ứng dụng desktop gốc. Chọn framework desktop, framework frontend cho UI và tùy chọn cơ sở dữ liệu. Tất cả framework frontend đều được cấu hình sẵn với TypeScript.

Tech Stack selection for Desktop projects showing Desktop Framework (Tauri + Rust, Electron, Flutter + Dart), Frontend Framework (SolidJS, React, Vue, Svelte, Angular), and Database options

Framework Desktop

Framework gốc cung cấp khung cửa sổ desktop và API cấp hệ thống.

Tauri + Rust
Electron
Flutter + Dart

Framework Frontend

Framework UI chạy bên trong cửa sổ desktop. Tất cả tùy chọn được cấu hình sẵn với TypeScript.

SolidJS
React
Vue
Svelte
Angular

Cơ Sở Dữ Liệu

Tích hợp cơ sở dữ liệu tùy chọn cho lưu trữ dữ liệu cục bộ hoặc đám mây.

Supabase
SQLite
Realm
PostgreSQL
Convex

Dự Án Web

Dự án web tạo các ứng dụng dựa trên trình duyệt. Bắt đầu bằng cách chọn giữa Chỉ Frontend hoặc Full-Stack để xác định các tùy chọn framework khả dụng. Tất cả framework đều bật TypeScript theo mặc định.

Tech Stack for Web projects in Frontend Only mode showing SolidJS, React, Vue, Svelte, Angular, Preact + Styling and Database options

Chỉ Frontend

Framework UI độc lập cho ứng dụng trang đơn và trang tĩnh. Bao gồm nút Gói Tùy Chỉnh để thêm gói npm riêng.

SolidJS
React
Vue
Svelte
Angular
Preact
Tech Stack for Web projects in Full-Stack mode showing SolidStart, Next.js, Nuxt.js, SvelteKit, Fresh, Astro, TanStack Start, WordPress

Full-Stack

Framework web hoàn chỉnh với render phía máy chủ và API route tích hợp.

SolidStart
Next.js
Nuxt.js
SvelteKit
Fresh
Astro
TanStack Start
WordPress

Tạo Kiểu

Tailwind CSS

Cơ Sở Dữ Liệu

Supabase
Firebase
Prisma
Convex

Dự Án Di Động

Dự án di động tạo ứng dụng thiết bị cho iOS và Android. Chọn framework di động, phiên bản SDK và tùy chọn cơ sở dữ liệu.

Tech Stack for Mobile projects showing Expo, React Native CLI, Flutter, Ionic, Capacitor, Android Native (Kotlin) with SDK version selector and Database options

Framework Di Động

Chọn framework cho ứng dụng di động. Bộ chọn phiên bản SDK xuất hiện cho các framework hỗ trợ nhiều mục tiêu SDK.

Expo
React Native CLI
Flutter
Ionic
Capacitor
Android Native (Kotlin)

Phiên Bản SDK

Với framework như Expo, chọn phiên bản SDK (ví dụ: 52, 53, 54, 55). Điều này xác định phụ thuộc cơ bản và khả năng tương thích API.

Cơ Sở Dữ Liệu

Cơ sở dữ liệu đám mây hoặc cục bộ tùy chọn cho ứng dụng di động.

Supabase
Firebase Firestore
SQLite
Realm
WatermelonDB

Cài Đặt Mới

Khi bạn chọn Cài đặt mới làm loại build, Kaiju Hub AI sẽ khởi tạo dự án của bạn bằng công cụ framework tiêu chuẩn. Sau khi chọn ngăn xếp công nghệ, nhấp vào Tạo Dự án và Kaiju Hub AI sẽ xử lý phần còn lại.

Điều Gì Xảy Ra

1. Phát Hiện Trình Quản Lý Gói

Kaiju Hub AI tự động phát hiện trình quản lý gói nào được cài đặt trên hệ thống (npm, yarn hoặc pnpm).

2. Chạy Lệnh Tạo Khung

Thực thi công cụ CLI phù hợp cho ngăn xếp đã chọn. Ví dụ: npm create vite@latest cho React, cargo init cho Rust, npx create-tauri-app cho Tauri.

3. Cài Đặt Phụ Thuộc

Chạy lệnh cài đặt trình quản lý gói để tải xuống và thiết lập tất cả phụ thuộc cần thiết.

4. Khởi Tạo Git

Thiết lập kho lưu trữ Git cục bộ với commit ban đầu.

5. Tạo Kho GitHub

Nếu bạn đã liên kết tài khoản GitHub, tự động tạo kho lưu trữ từ xa và đẩy commit ban đầu.

Dự án xuất hiện trong Bảng Điều Khiển Dự Án sau khi tạo hoàn tất, sẵn sàng mở và bắt đầu lập trình.

Tạo Bằng AI

Khi bạn chọn AI tạo làm loại build, bạn mô tả những gì muốn xây dựng và AI sẽ viết toàn bộ mã nguồn ban đầu. Sau khi chọn ngăn xếp công nghệ, nhấp vào Tạo Dự án để mở màn hình tạo AI.

AI Generation screen showing model selector, project description input, Images/Components/Files tabs in the sidebar, and Generate Project button

Chọn Mô Hình AI

Ở đầu màn hình tạo, chọn nhà cung cấp AI và mô hình. Bạn có thể chọn từ bất kỳ nhà cung cấp đã cấu hình nào (OpenAI, Anthropic, Gemini, Grok, DeepSeek, Ollama) và chọn mô hình cụ thể để sử dụng cho tạo mã.

Mô Tả Dự Án

Viết mô tả chi tiết về những gì bạn muốn xây dựng. Bạn càng cụ thể, kết quả càng tốt. Bao gồm tính năng chính, trang, mẫu UI và bất kỳ tích hợp nào bạn cần.

Ví Dụ Tốt:

  • Website thương mại điện tử với danh sách sản phẩm và giỏ hàng
  • Bảng quản lý công việc với bảng kanban
  • Nền tảng mạng xã hội với hồ sơ người dùng và bảng tin
  • Hệ thống CRM với quản lý liên hệ và phân tích

Sử dụng nút Cải thiện với AI để tự động mở rộng mô tả với nhiều chi tiết hơn. Bạn cũng có thể nhấp chuột giữa vào biểu tượng micro để đọc mô tả bằng giọng nói.

Tab Thanh Bên

Thanh bên trái cung cấp ngữ cảnh bổ sung cho AI:

Hình Ảnh

Tải lên hình ảnh tham khảo, bản mẫu hoặc ảnh chụp màn hình để cho AI thấy bạn muốn ứng dụng trông như thế nào. Kéo thả, dán bằng Ctrl+V hoặc nhấp để thêm. Yêu cầu mô hình hỗ trợ nhận dạng hình ảnh được chọn.

Thành Phần

Đính kèm thành phần tái sử dụng từ Thư Viện Block. AI sẽ tích hợp chúng vào dự án được tạo.

Tệp

Bao gồm tệp tham khảo mà AI nên xem xét trong quá trình tạo (ví dụ: mã hiện có, đặc tả thiết kế hoặc lược đồ dữ liệu).

Tạo

Nhấp Tạo Dự án ở góc trên bên phải để bắt đầu tạo AI. AI sẽ phân tích mô tả và tài liệu tham khảo, lên kế hoạch kiến trúc, tạo cấu trúc tệp và viết tất cả mã nguồn và tệp cấu hình. Tiến trình được theo dõi trong Trình quản lý Tác vụ Toàn cục theo thời gian thực.

Tất cả các logo, nhãn hiệu và tên thương hiệu của bên thứ ba hiển thị trong Kaiju Hub AI đều là tài sản của chủ sở hữu tương ứng. Việc sử dụng chúng chỉ nhằm mục đích nhận dạng và không ngụ ý chứng thực, tài trợ hoặc liên kết.