Skip to main content
Back to registry

ui-design-patterns

manutej/luxor-claude-marketplace

A comprehensive guide to common user interface design patterns, component patterns, interaction patterns, and accessibility best practices for building modern web and mobile applications.

Installs319
Install command
npx skills add https://github.com/manutej/luxor-claude-marketplace --skill ui-design-patterns
Security audits
Gen Agent Trust HubPASS
SocketPASS
SnykPASS
About this skill
A comprehensive guide to common user interface design patterns, component patterns, interaction patterns, and accessibility best practices for building modern web and mobile applications. Use this skill when you need to: UI patterns are reusable solutions to common design problems. They provide: A design system is a collection of reusable components, patterns, and guidelines: Breaking interfaces into atomic units: Organize content into multiple panels shown one at a time. When to Use : Anatomy : Best Practices : Accessibility : Example HTML : Vertically stacked sections with expand/collapse functionality. When to Use : Types : Best Practices : Accessibility : Example Structure : Show user's location in site hierarchy. When to Use : Best Practices : Accessibility : Example : Navigate through large sets of content split across pages. Types : When to Use : Best Practices : Accessibility : Reveals additional options on click or hover. Best Practices : Large dropdown showing multiple columns and categories.

Source description provided by the upstream skill listing. Community reviews and install context appear in the sections below.

Community Reviews

Latest reviews

Sign in to review

No community reviews yet. Be the first to review.

Browse this skill in context
FAQ
What does ui-design-patterns do?

A comprehensive guide to common user interface design patterns, component patterns, interaction patterns, and accessibility best practices for building modern web and mobile applications.

Is ui-design-patterns good?

ui-design-patterns does not have approved reviews yet, so SkillJury cannot publish a community verdict.

What agent does ui-design-patterns work with?

ui-design-patterns currently lists compatibility with codex, gemini-cli, opencode, cursor, github-copilot, claude-code.

What are alternatives to ui-design-patterns?

Skills in the same category include telegram-bot-builder, flutter-app-size, sharp-edges, iterative-retrieval.

How do I install ui-design-patterns?

npx skills add https://github.com/manutej/luxor-claude-marketplace --skill ui-design-patterns

Related skills

More from manutej/luxor-claude-marketplace

docker-compose-orchestration

by manutej/luxor-claude-marketplace

436

A comprehensive skill for orchestrating multi-container applications using Docker Compose. This skill enables rapid development, deployment, and management of containerized applications with service definitions, networking strategies, volume management, health checks, and production-ready configurations.

Software EngineeringFrontend and DesignFirst seen Jan 21, 2026

golang-backend-development

by manutej/luxor-claude-marketplace

428

A comprehensive skill for building production-grade backend systems with Go. Master goroutines, channels, web servers, database integration, microservices architecture, and deployment patterns for scalable, concurrent backend applications.

Software EngineeringFrontend and DesignFirst seen Jan 21, 2026

postgresql-database-engineering

by manutej/luxor-claude-marketplace

377

A comprehensive skill for professional PostgreSQL database engineering, covering everything from query optimization and indexing strategies to high availability, replication, and production database management. This skill enables you to design, optimize, and maintain high-performance PostgreSQL databases at scale.

Software EngineeringFrontend and DesignFirst seen Jan 21, 2026

jest-react-testing

by manutej/luxor-claude-marketplace

350

A comprehensive skill for testing React applications using Jest and React Testing Library. This skill covers everything from basic component testing to advanced patterns including mocking, async testing, custom hooks testing, and integration testing strategies.

Software EngineeringFrontend and DesignFirst seen Jan 20, 2026
Related skills

Alternatives in Software Engineering