Beeknoee Logo
Đăng nhậpĐăng ký miễn phí

guokaigdg/animal-island-ui

Public

A Kawaii React UI component library 一个可爱的 React UI 组件库

component-libraryreacttypescriptui-componentsui-design
Star5.1kFork39Watch12Mở trên GitHub
Beeknoee

Bee AI phân tích repositoryBETA

AI đọc README và cây file để tóm tắt, gợi ý cách dùng và đánh giá repository. Mọi con số lấy từ kho Bee, không do AI ước lượng.

Cập nhật lần cuối: 25/09/2026

Đăng nhập để hỏi Bee AI

Tóm tắt bởi Bee AI

Animal-Island-UI là thư viện component React và TypeScript mang phong cách hòn đảo dễ thương (kawaii/island-style). Dự án phục vụ mục đích học tập phát triển component frontend và hỗ trợ tạo giao diện thông qua các AI coding agent.

  • Ngôn ngữ thiết kế phong cách hòn đảo ấm cúng với toàn bộ visual, layout, icon và animation được thiết kế độc lập từ đầu.
  • Hỗ trợ tích hợp kỹ năng (skill) cho các AI coding agent như Claude Code, Cursor, Codex hoặc qua one-click prompt không cần code.
  • Cung cấp hệ thống tài liệu thiết kế chi tiết bao gồm token, quy tắc thiết kế và thông số pixel-exact cho từng component.

Lưu ý

  • Giấy phép CC BY-NC 4.0: Nghiêm cấm mọi hình thức sử dụng thương mại, bán lại hoặc dùng trong sản phẩm doanh nghiệp.
  • Bắt buộc phải import 'animal-island-ui/style' vào mã nguồn, nếu không component sẽ không có kiểu dáng hoặc font chữ.

Điểm BeeTính thuần từ số liệu trong kho Bee, không phải AI chấm: bách phân vị sao 30% · độ tươi lần push 25% · fork và watcher 15% · README, giấy phép, mô tả 20% · có bản phát hành 10%.

  • Độ phổ biến74
  • Độ tươi100
  • Cộng đồng4
  • Tài liệu100
  • Phát hành100
  • Mức độ khóTrung bình
  • Phù hợp vớiLập trình viên · Sinh viên
  • Loại dự ánThư viện
  • Giấy phépMIT

Kiến trúc & Công nghệ

Công nghệ AI nhận ra từ README và cây file — chỉ những mục nằm trong danh sách Bee kiểm.

Tech stack

  • React
  • TypeScript
  • Vite
  • Vitest
  • Node.js
  • HTML5
  • CSS3

Kiến trúc tổng quan

Repository → công nghệ chính → các thư mục cấp 1 có thật trong repo; vai trò do AI mô tả.

  • src/Mã nguồn chính của các UI component và styles.
  • demo/Ứng dụng demo hiển thị các component trực quan.
  • docs/Tài liệu hệ thống thiết kế, hướng dẫn đóng góp và prompt AI.
  • skills/Kỹ năng (skill) cấu hình cho các AI coding agent.
  • test/Các bộ kiểm thử kiểm tra chất lượng component.
  • scripts/Tập lệnh tự động hóa và hỗ trợ bản build.

Hướng dẫn nhanh

Các bước để bắt đầu với repository này.

bash
git clone https://github.com/guokaigdg/animal-island-ui.git
cd animal-island-ui

Các use case chính

Những ứng dụng có thể xây dựng từ repository này.

  • Xây dựng giao diện web cá nhân, blog hoặc trang danh mục theo phong cách đồ họa dễ thương.
  • Tạo nhanh mã HTML tĩnh hoặc trang demo bằng cách cung cấp prompt cho các công cụ AI.
  • Học cách thiết kế và phát triển thư viện component React kết hợp TypeScript, Vite và Vitest.

Repository tương tự

Cùng chủ đề trong kho Bee.

  1. 1freeCodeCamp/freeCodeCampfreeCodeCamp.org's open-source codebase and curriculum. Learn math, programming, and computer science for free.458.4k+450
  2. 2morluto/reaReverse engineer anything with agents, from app behavior down to native binaries.418.5k+34.2k
  3. 3react/reactThe library for web and native user interfaces.252.1k+221
  4. 4n8n-io/n8nFair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.209.3k+714
  5. 5microsoft/vscodeVisual Studio Code194.5k+164

Nội dung do AI sinh, có thể sai hoặc thiếu — số liệu lấy từ kho Bee, không do AI ước lượng. Cập nhật lần cuối: 25/09/2026.

Đăng nhập