skills.rest
flybirdxx
flybirdxxCOMMUNITY
Explore all skills by this author →
GitHub

frontend-design

Guide UI/UX design with UX psychology and accessibility audit scripts.

Updated Feb 5, 2026
Search Tags:#best practices#ui/ux#design principles#ux design#ui design
One-click install
npx skills add https://github.com/flybirdxx/RunningHub --skill frontend-design-flybirdxx
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-design
Source: https://github.com/flybirdxx/RunningHub/tree/main/.gemini/skills/frontend-design
Command: npx skills add https://github.com/flybirdxx/RunningHub --skill frontend-design-flybirdxx

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides a comprehensive guide to UI/UX design principles, techniques, and best practices, helping you create effective, user-friendly interfaces.

Core Features & Use Cases

  • Design Philosophy and Principles: Offers a philosophical approach to UI/UX design, emphasizing user psychology, purposeful design, and avoiding common pitfalls.
  • Selective Reading Rule: Outlines which documents to read first and when to consult optional resources.
  • Runtime Scripts: Provides Python scripts for UX psychology and accessibility audits.
  • Design Process: Guides through constraint analysis, UX psychology principles, layout, color, typography, and visual effects.
  • Anti-Patterns: Highlights common design mistakes and suggests alternatives.

Quick Start

Use the frontend-design skill to audit the UX and accessibility of your project at /path/to/your/project.

Frequently Asked Questions about frontend-design

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

FAQPage Schema
What are the core UI/UX design principles for building user-friendly interfaces?▼

Core UI/UX design principles emphasize user psychology, purposeful design, and avoiding common pitfalls to create effective, user-friendly interfaces. This approach involves analyzing constraints and applying layout, color, and typography guidelines.

How do I audit my project's UX accessibility using Python scripts?▼

You can audit UX accessibility by running the provided Python scripts against your project directory. These scripts evaluate your project's UX psychology principles and accessibility compliance to identify areas needing improvement.

What are common UI/UX anti-patterns and how do I avoid them?▼

Common UI/UX anti-patterns are frequent design mistakes that degrade user experience. You can avoid them by identifying these pitfalls through structured design process guidelines and replacing them with suggested alternative patterns.

Do I need Python to use UI/UX design guidelines and best practices?▼

Python is required to execute the runtime scripts for UX psychology and accessibility audits. However, the structured design principles, best practices, and anti-pattern guidelines can be read and applied independently without Python.

What is the best way to structure a UI design process from constraints to visual effects?▼

The best way to structure a UI design process is to start with constraint analysis, apply UX psychology principles, and then finalize layout, color, typography, and visual effects to ensure purposeful and effective outcomes.

Related Skills

Explore More Design & Creative Skills→
adityaarsharmaadityaarsharma
2

orbit-reports

Generate a master HTML report index from Orbit outputs.

Community
Advanced
PracticalSwanPracticalSwan
7

frontend-design

Guide frontend UI/UX design with WCAG accessibility and Tailwind CSS patterns.

Community
Intermediate
inbharataiinbharatai
22

frontend-design

Design and implement pixel-perfect frontend interfaces with HTML, CSS, and Tailwind.

Community
Intermediate
slgoodrichslgoodrich
121

usability-frameworks

Plan and evaluate usability testing for user interfaces using Nielsen's heuristics.

Community
Basic