Uxui Principles
Evaluate UI copy and layouts against 168 research-backed principles, smell antipatterns, and inject UX guardrails before vibe-coding interfaces.
Overview
uxui-principles is an agent skill most often used in Build frontend (also Validate prototype, Ship review) that evaluates interfaces against 168 UX/UI principles and related antipattern and AI UX checklists.
Install
npx skills add https://github.com/sickn33/antigravity-awesome-skills --skill uxui-principlesWhat is this skill?
- 168 research-backed UX/UI principles for structured evaluation
- Five bundled skills: uxui-evaluator, interface-auditor, ai-interface-reviewer, flow-checker, vibe-coding-advisor
- Interface-auditor uses the uxuiprinciples smell taxonomy for antipattern detection
- ai-interface-reviewer applies 44 AI-era UX principles for trust and transparency
- vibe-coding-advisor injects UX context before implementation in AI coding sessions
- 44 AI-era UX principles in ai-interface-reviewer
- 5 bundled agent skills in the package
Adoption & trust: 1 installs on skills.sh; 40.1k GitHub stars; 3/3 security scanners passed (skills.sh audits); trending (+100% hot-view momentum).
What problem does it solve?
Your agent-built UI looks fine in preview but you lack a systematic way to catch research-backed UX failures and antipatterns before users do.
Who is it for?
Solo founders shipping SaaS or mobile UI with AI coding tools who want checklist-driven UX review without a full design org.
Skip if: Pure brand strategy or marketing site copy with no interactive UI to evaluate.
When should I use this skill?
Auditing interfaces, checking research-backed practices, detecting antipatterns, reviewing AI-powered UI, or getting UX guidance before or during implementation.
What do I get? / Deliverables
You receive principle-aligned findings, smell taxonomy hits, and flow or AI-trust gaps you can fix in the next implementation pass.
- Principle-based evaluation report with cited UX/UI issues
- Antipattern smell findings and AI-trust gaps where applicable
Recommended Skills
Journey fit
Spans multiple journey phases - primary shelf plus alternate fits below.
Interface work happens continuously, but the canonical shelf is Build frontend where screens are designed and implemented. Frontend subphase is where principle checks and flow feedback directly change components, copy, and interaction patterns.
Where it fits
Run flow-checker on an onboarding storyboard before building clickable mocks.
Use vibe-coding-advisor before asking Cursor to implement a settings dashboard.
Pass release notes and screen descriptions through uxui-evaluator for principle gaps.
How it compares
Principle- and smell-based design review—not a Figma replacement or generic accessibility scanner alone.
Common Questions / FAQ
Who is uxui-principles for?
Indie builders and small teams using Claude, Cursor, or Windsurf who need structured UX/UI critique on descriptions, flows, and AI features.
When should I use uxui-principles?
In Validate when reviewing a prototype narrative; in Build frontend before merging UI; in Ship review when doing a pre-release interface audit.
Is uxui-principles safe to install?
Community design guidance with no inherent shell requirements in the listing—confirm details in the Security Audits panel on this Prism page.
SKILL.md
READMESKILL.md - Uxui Principles
# 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-skills ``` ## Limitations - 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.