uxui-principles – Design & UI skill for AI agents
Evaluate interfaces against 168 research-backed UX/UI principles, detect antipatterns, and inject UX context into AI coding sessions.
Install the uxui-principles skill with one command
Pick the tool you use, copy the command and paste it in your terminal. The skill lands in that tool's skills folder and is ready in your next session.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/uxui-principles-8480c.tgz | tar xz -C ~/.claude/skills
Call it in Claude Code: /uxui-principles – then describe the task you want done.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/uxui-principles-8480c.tgz | tar xz -C ~/.codex/skills
Call it in Codex: $uxui-principles – then describe the task you want done.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/uxui-principles-8480c.tgz | tar xz -C ~/.hermes/skills
Call it in Hermes Agent: /uxui-principles – then describe the task you want done.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/uxui-principles-8480c.tgz | tar xz -C ~/.deepcode/skills
Call it in DeepSeek: /uxui-principles – then describe the task you want done.
SKILL.md content
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.
Related skills
- vaporwave – Web and App implementation guide for Vaporwave. Trigger when user wants neon colors…
- vibecode-production-qa-validator – 13-phase production QA for fullstack Next.js apps: build verification, SEO tags, OG…
- vibrant-maximalism – Web and App implementation guide for Vibrant Maximalism. Trigger when user wants rich…
- videodb – Video and audio perception, indexing, and editing. Ingest files/URLs/live streams, build…
- visual-emotion-engineer – Create a visual direction brief for color, typography, imagery, and hierarchy when…
- vizcom – AI-powered product design tool for transforming sketches into full-fidelity 3D renders.
- watch-igaming – Reviews a video link or local screen recording from transcript and scene-change frames…
- web-artifacts-builder – Create React frontend artifacts and bundle a reviewed project into a shareable HTML file.