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

oil-oil/oil-ui

Public

UI design skill for Claude Code, Codex and other AI agents: explore distinct directions, compare them side by side, refine against real screenshots. 给 AI Agent 用的 UI 设计 Skill。

agent-skillsai-designclaude-codeclaude-skillscodexfrontendui-designux-design
Star2.5kFork139Watch6Mở 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: 11/10/2026

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

Tóm tắt bởi Bee AI

Skill thiết kế giao diện dành cho AI Agent, giúp khám phá các hướng phong cách khác nhau, so sánh song song trên trang đánh giá và tinh chỉnh dựa trên ảnh chụp thực tế.

  • Quy trình thiết kế có phương pháp: xác định phân khúc, định hình sắc thái (5 thang đo), tạo khung bố cục và đảm bảo các phương án không trùng lặp.
  • Tích hợp trang so sánh phong cách trực quan cho cả kích thước desktop và mobile.
  • Hỗ trợ cài đặt trực tiếp vào Agent qua lệnh npx skills add hoặc liên kết repository.
  • Không yêu cầu API key phụ; kiểm tra phiên bản ngầm qua Python 3 mà không làm gián đoạn tác vụ.

Lưu ý

  • Cài đặt qua lệnh đòi hỏi Node.js phiên bản 18 trở lên và Python 3 để kiểm tra cập nhật.
  • Công cụ chụp màn hình và xem trước mới được kiểm thử trên macOS; Windows và Linux chưa được xác minh trên máy thực tế.
  • Một số tính năng nâng cao (layout trang quản trị, hiệu ứng shader, đánh giá sâu) chỉ có trên bản trả phí Oil UI Pro.

Đ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ến48
  • Độ tươi100
  • Cộng đồng19
  • Tài liệu100
  • Phát hành100
  • Mức độ khóTrung bình
  • Phù hợp vớiLập trình viên
  • Loại dự ánCông cụ
  • 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

  • Python
  • Node.js

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ả.

  • scripts/Chứa các script tiện ích, ví dụ như kiểm tra và cập nhật phiên bản.
  • tests/Chứa bộ kiểm thử tự động của dự án.
  • references/Tài liệu và tài nguyên tham khảo thiết kế.
  • assets/Tệp tài nguyên hình ảnh và đa phương tiện.

Hướng dẫn nhanh

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

bash
git clone https://github.com/oil-oil/oil-ui.git
cd oil-ui

Các use case chính

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

  • Khám phá nhiều hướng thiết kế UI khác nhau cho một sản phẩm mới để người dùng so sánh và lựa chọn.
  • Đánh giá và tinh chỉnh (polish) giao diện hiện có bám sát theo design system của dự án.
  • Tái hiện và chuyển đổi thiết kế từ ảnh chụp màn hình sang mã nguồn kèm bố cục responsive trên di động.
  • Tạo trang so sánh tương tác giữa các phương án thiết kế HTML khác nhau.

Repository tương tự

Cùng chủ đề trong kho Bee.

  1. 1morluto/reaReverse engineer anything with agents, from app behavior down to native binaries.407.3k+41.7k
  2. 2affaan-m/ECCThe agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.292.6k+6.2k
  3. 3NousResearch/hermes-agentThe agent that grows with you258.5k+2.3k
  4. 4react/reactThe library for web and native user interfaces.251.7k+41
  5. 5vuejs/vueThis is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core212.5k-139

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: 11/10/2026.

Đăng nhập