ui-ux-design
UI/UX Design Principles
This skill provides expert guidance on user interface and user experience design, applicable across all frontend frameworks.
When to Apply This Skill
Use these principles when:
- Designing component layouts and visual hierarchy
- Creating or improving user flows
- Making design system decisions
- Implementing responsive designs
- Ensuring accessibility compliance
- Discussing color, typography, or spacing
Core Design Principles
1. Visual Hierarchy
Establish Clear Information Architecture
More from karchtho/my-claude-marketplace
nginx-configuration
Configure Nginx web server for high-performance reverse proxy, load balancing, SSL/TLS, caching, and API gateway functionality. Master production deployments, security headers, and monitoring.
11docker-compose-creator
Design multi-container applications with Docker Compose. Covers service orchestration, networking, volumes, environment configuration, health checks, and production deployment patterns. Use when defining local development stacks or deploying multi-service applications.
10dockerfile-generator
Generate production-ready Dockerfiles with best practices for various tech stacks. Covers multi-stage builds, optimization, security, and language-specific patterns (Node.js, Python, Go, Rust, Java). Use when creating new application containers.
8docker-container-basics
Docker containerization fundamentals. Master container lifecycle, image management, networking, volumes, resource limits, and production deployment patterns. Use when building, running, debugging containers or implementing container orchestration.
8feature-architect
Design game feature architecture before writing code. Use when planning a new feature system, deciding on component structure, or mapping out how a feature integrates with existing systems.
6jam-prep-checklist
setup preparation readiness checklist pre-jam verification launch ready
3