plugin87/ux-ui-agent-skills
PublicTurn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 50 objective gates that fail the build instead of faking success.
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: 24/10/2026
Tóm tắt bởi Bee AI
Bộ kỹ năng, chỉ dẫn có cấu trúc, DTCG design tokens và hệ thống kiểm định dành cho Claude Code nhằm đóng vai trò kiến trúc sư thiết kế UX/UI chuyên sâu hỗ trợ đa nền tảng.
- Cung cấp 19 runnable skills, 5 câu lệnh và agent design-critic hoạt động trên Claude Code.
- Tích hợp 44 objective gates kiểm tra độ tương phản WCAG 2.2, kích thước mục tiêu, responsive và anti-slop.
- Quản lý token định dạng DTCG với kiến trúc 3 tầng: Primitive, Semantic và Component.
- Hỗ trợ 138 hệ thống thiết kế thương hiệu cùng các bộ chuyển đổi đa nền tảng (React, Tailwind, Vue, Swift...).
Lưu ý
- 31 trong 44 gates kiểm thử mở trình duyệt thực tế, yêu cầu cài đặt Playwright và Chrome để chạy kiểm tra.
- Mã nguồn framework (.tsx, .vue, .swift) chỉ được kiểm tra đọc file tĩnh; chỉ phát hiện đầy đủ khi render HTML.
Đ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ến52
- Độ tươi100
- Cộng đồng31
- 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
JavaScript
Playwright
React
Tailwind CSS
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ả.
scripts/Chứa các script kiểm thử, chụp màn hình và đo lường gates.examples/Màn hình và trang mẫu thực tế minh họa quy tắc thiết kế.evals/Bộ đánh giá độc lập cho các tác vụ thiết kế cold-start của agent.docs/Tài liệu chi tiết về token, frameworks, hướng dẫn sử dụng plugin.tokens/Định nghĩa design tokens theo chuẩn định dạng DTCG.taste/Tài liệu và quy tắc thẩm mỹ, phong cách chống giao diện slop.design-systems/Thư viện 138 hệ thống thiết kế thương hiệu và quy tắc mapping.tests/Bộ test kiểm định các browser gates và fixtures.
Hướng dẫn nhanh
Các bước để bắt đầu với repository này.
git clone https://github.com/plugin87/ux-ui-agent-skills.git
cd ux-ui-agent-skillsCác use case chính
Những ứng dụng có thể xây dựng từ repository này.
- Tạo các component hoàn chỉnh kèm đầy đủ trạng thái, token mapping và đặc tả accessibility.
- Kiểm toán giao diện theo tiêu chuẩn WCAG 2.2 AA/AAA và 10 nguyên lý Heuristics của Nielsen.
- Xây dựng bảng điều khiển trực quan hóa dữ liệu phức tạp hoàn toàn bằng inline SVG sử dụng token.
- Chuyển đổi và ánh xạ quy tắc giữa các design system như Material 3, Apple HIG, Fluent, hoặc Radix.
Repository tương tự
Cùng chủ đề trong kho Bee.
- 1
freeCodeCamp/freeCodeCampfreeCodeCamp.org's open-source codebase and curriculum. Learn math, programming, and computer science for free.458.1k+409
- 2
morluto/reaReverse engineer anything with agents, from app behavior down to native binaries.402k+36.4k
- 3
donnemartin/system-design-primerLearn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.375.9k+763
- 4
affaan-m/ECCThe agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.291.7k+5.2k
- 5
deepseek-ai/deepseek-harnessDeepSeek Harness: Everything is a Plugin.264.7k+6.6k
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: 24/10/2026.