frontend-design

Name: frontend-design
Availability: InStock
Author: flybirdxx

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

Ready to run

npx skills add https://github.com/flybirdxx/RunningHub --skill frontend-design-flybirdxx

💬 Prompt for ChatGPT / Claude Chat▼

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.