Agent skill
uxui-principles
Evaluate interfaces against 168 research-backed UX/UI principles, detect antipatterns, and inject UX context into AI coding sessions.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/other/uxui-principles
SKILL.md
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
- Install any skill from the collection
- Describe the interface, screen, or flow you want to evaluate
- The skill evaluates against the relevant principles and returns structured findings with severity levels and remediation steps
- Optionally connect to the uxuiprinciples.com API for enriched output with full citations
Install
npx skills add uxuiprinciples/agent-skills
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?