skills.rest
ForgePlan
ForgePlanOFFICIAL
Explore all skills by this author →
WebsiteGitHub

ux-laws

Provides UX knowledge for frontend development and code review.

3|Updated Apr 3, 2026
Search Tags:#user experience#interface design#frontend development#ui design#ux principles
One-click install
npx skills add https://github.com/ForgePlan/marketplace --skill ux-laws
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-laws
Source: https://github.com/ForgePlan/marketplace/tree/main/plugins/laws-of-ux/skills/ux-laws
Command: npx skills add https://github.com/ForgePlan/marketplace --skill ux-laws

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps designers and developers apply UX principles to their work, enhancing user interface design and improving user experience.

Core Features & Use Cases

  • UX Laws: Access a comprehensive collection of 30 UX principles and psychological principles for frontend development.
  • Agentic RAG: Functions as an agentic RAG, navigating sections hierarchy based on the current task.
  • Code Review: Provides actionable recommendations and code examples for reviewing frontend code.
  • Use Case: Use this Skill to ensure your UI code complies with UX best practices during code review or component development.

Quick Start

Trigger the skill with a command that specifies the UX law you want to learn more about, e.g., "ux-laws - law: Fitts's Law".

Frequently Asked Questions about ux-laws

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I apply UX principles during frontend code review?▼

Apply UX principles during frontend code review by querying the knowledge base of 30 UX laws to evaluate interface code compliance and receive actionable recommendations with code examples.

What UX laws should I follow for interface design?▼

For interface design, you should follow a comprehensive collection of 30 UX principles and psychological laws, such as Fitts's Law, to enhance user experience and frontend development outcomes.

How do I check if my UI design complies with UX best practices?▼

Check UI design compliance by triggering the skill with a specific UX law, such as "ux-laws - law: Fitts's Law", to analyze your component against established UX principles and best practices.

Can I use psychological principles to improve user experience in component development?▼

Yes, you can use psychological principles to improve user experience during component development by accessing a curated collection of 30 UX laws that guide UI design and frontend code implementation.

Does this UX principles tool work for frontend development and code generation?▼

Yes, this tool works for frontend development by functioning as an agentic RAG that navigates section hierarchies based on your current task to provide UX-focused code examples and interface improvements.

Related Skills

Explore More Design & Creative Skills→
hi-yuki-922hi-yuki-922
1

i-teach-impeccable

Gather design context from codebase and user input into CLAUDE.md.

Community
Intermediate
tidemanntidemann

ux-design

Create personas and wireframes for WCAG-compliant user flows.

Community
Advanced
ketanswebsiteketanswebsite

ui-ux-design-advisor

Analyze project structure and design system to propose UI/UX design options.

Community
Advanced
vignesh2027vignesh2027
6

ui-ux-designer

Audit interfaces against WCAG 2.1 AA and provide UX critique.

Community
Intermediate