uxui-principles – skill Thiết kế & UI cho agent AI
Đánh giá giao diện theo 168 nguyên tắc UX/UI có cơ sở nghiên cứu, phát hiện antipattern và đưa ngữ cảnh UX vào các phiên lập trình với AI.
Cài skill uxui-principles bằng một lệnh
Chọn công cụ bạn đang dùng, copy lệnh và dán vào terminal. Skill sẽ nằm trong thư mục skills của công cụ đó và sẵn sàng dùng ở phiên làm việc tiếp theo.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/uxui-principles-8480c.tgz | tar xz -C ~/.claude/skills
Gọi trong Claude Code: /uxui-principles – rồi mô tả công việc bạn muốn làm.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/uxui-principles-8480c.tgz | tar xz -C ~/.codex/skills
Gọi trong Codex: $uxui-principles – rồi mô tả công việc bạn muốn làm.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/uxui-principles-8480c.tgz | tar xz -C ~/.hermes/skills
Gọi trong Hermes Agent: /uxui-principles – rồi mô tả công việc bạn muốn làm.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/uxui-principles-8480c.tgz | tar xz -C ~/.deepcode/skills
Gọi trong DeepSeek: /uxui-principles – rồi mô tả công việc bạn muốn làm.
Nội dung SKILL.md
Nội dung SKILL.md gốc bằng tiếng Anh.
UX/UI Principles
A collection of 5 agent skills for evaluating interfaces against 168 research-backed UX/UI principles, detecting antipatterns, and injecting UX context into AI-assisted design and coding sessions.
Source: https://github.com/uxuiprinciples/agent-skills
Skills
| Skill | Purpose |
|-------|---------|
| uxui-evaluator | Evaluate interface descriptions against 168 research-backed principles |
| interface-auditor | Detect UX antipatterns using the uxuiprinciples smell taxonomy |
| ai-interface-reviewer | Audit AI-powered interfaces against 44 AI-era UX principles |
| flow-checker | Check user flows against decision, error, and feedback principles |
| vibe-coding-advisor | Inject UX context into vibe coding sessions before implementation |
When to Use
- Auditing an existing interface for UX issues
- Checking if a UI follows research-backed best practices
- Detecting antipatterns and UX smells in designs
- Reviewing AI-powered interfaces for trust, transparency, and safety
- Getting UX guidance before or during implementation
How It Works
1. Install any skill from the collection
2. Describe the interface, screen, or flow you want to evaluate
3. The skill evaluates against the relevant principles and returns structured findings with severity levels and remediation steps
4. Optionally connect to the uxuiprinciples.com API for enriched output with full citations
Install
npx skills add uxuiprinciples/agent-skillsLimitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
Skill liên quan
- vaporwave – Hướng dẫn triển khai phong cách Vaporwave cho Web và App. Kích hoạt khi người dùng muốn…
- vibecode-production-qa-validator – Kiểm tra QA production 13 giai đoạn cho ứng dụng fullstack Next.js: xác minh build, thẻ…
- vibrant-maximalism – Hướng dẫn triển khai Web và App theo phong cách Vibrant Maximalism. Kích hoạt khi người…
- videodb – Nhận diện, lập chỉ mục và chỉnh sửa video và âm thanh. Nhập file/URL/luồng trực tiếp…
- visual-emotion-engineer – Tạo brief định hướng thị giác về màu sắc, typography, hình ảnh và thứ bậc khi thiết kế…
- vizcom – Công cụ thiết kế sản phẩm dùng AI, biến phác thảo thành render 3D đầy đủ chi tiết.
- watch-igaming – Xem xét liên kết video hoặc bản ghi màn hình cục bộ dựa trên bản chép lời và các khung…
- web-artifacts-builder – Tạo artifact frontend bằng React và đóng gói dự án đã rà soát thành một tệp HTML có thể…