MR
Mayur Rathi
@sickn33
⭐ 39.1k GitHub stars

uxui-principles

uxui-principles是一款design方向的AI技能,核心价值是Evaluate interfaces against 168 research-backed UX/UI principles, detect antipatterns, and inject UX context into AI coding sessions,可用于解决开发者在design领域的实际问题,帮助用户提升效率、自动化重复任务或优化工作流。

Evaluate interfaces against 168 research-backed UX/UI principles, detect antipatterns, and inject UX context into AI coding sessions.

Last verified on: 2026-05-30
mkdir -p ./skills/uxui-principles && curl -sfL https://raw.githubusercontent.com/sickn33/antigravity-awesome-skills/main/skills/uxui-principles/SKILL.md -o ./skills/uxui-principles/SKILL.md

Run in terminal / PowerShell. Requires curl (Unix) or PowerShell 5+ (Windows).

Skill Content

Evaluate interfaces against 168 research-backed UX/UI principles, detect antipatterns, and inject UX context into AI coding sessions.

🎯 Best For

  • UI designers
  • Product designers
  • UX researchers
  • Product managers
  • Claude users

💡 Use Cases

  • Generating component mockups
  • Creating design system tokens
  • Mapping user journeys
  • Identifying friction points

📖 How to Use This Skill

  1. 1

    Install the Skill

    Copy the install command from the Terminal tab and run it. The SKILL.md file downloads to your local skills directory.

  2. 2

    Load into Your AI Assistant

    Open Claude and reference the skill. Paste the SKILL.md content or use the system prompt tab.

  3. 3

    Apply uxui-principles to Your Work

    Provide context for your task — paste source material, describe your audience, or share existing work to guide the AI.

  4. 4

    Review and Refine

    Edit the AI output for accuracy, tone, and completeness. Add human insight where the AI lacks context.

❓ Frequently Asked Questions

Does this work with Figma?

Some design skills integrate with Figma plugins. Check the Works With section for supported tools.

Can this analyze user behavior data?

UX research skills work best when you provide session recordings, heatmaps, and analytics data.

Does uxui-principles generate production-ready design specs?

It generates detailed specifications that developers can use directly. Review and adjust for your specific design system.

How do I install uxui-principles?

Copy the install command from the Terminal tab and run it. The skill downloads to ./skills/uxui-principles/SKILL.md, ready to use.

Can I customize this skill for my team?

Absolutely. Edit the SKILL.md file to add team-specific instructions, examples, or workflows.

⚠️ Common Mistakes to Avoid

Skipping usability testing

AI-generated designs should be validated with real users before development.

Over-relying on AI insights

UX decisions should combine AI analysis with direct user feedback and research.

Not reading the full skill

Skills contain important context and edge cases beyond the quick start.

🔗 Related Skills