gui-design-principles
CommunityCraft stunning UIs, delight users, ensure accessibility.
Design & Creative#accessibility#dashboards#responsive design#UI/UX#design principles#mobile app design#GUI design
Authorbejranonda
Version1.0.0
Installs0
System Documentation
What problem does it solve? This Skill provides comprehensive guidelines and best practices for designing beautiful, functional, and accessible graphical user interfaces across web, desktop, and mobile platforms. It ensures a consistent and positive user experience, saving design and development time.
Core Features & Use Cases:
- Core Design Principles: Covers visual hierarchy, color theory, typography, and spacing for aesthetically pleasing and intuitive interfaces.
- Responsive Design Strategies: Guides mobile-first approaches, breakpoint strategies, and flexible components for seamless adaptation across devices.
- UI Component Design: Offers best practices for designing buttons, forms, navigation, and cards, ensuring consistency and usability.
- Accessibility Guidelines: Ensures WCAG 2.1 compliance, keyboard navigation, and screen reader support for inclusive design.
- Use Case: When designing a new web dashboard, use this skill to ensure adherence to visual hierarchy, responsive design, and accessibility standards, resulting in a user-friendly and inclusive interface that meets all modern requirements.
Quick Start: Explain the core principles of "Visual Hierarchy" and "Color Theory" for GUI design.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: gui-design-principles Download link: https://github.com/bejranonda/LLM-Autonomous-Agent-Plugin-for-Claude/archive/main.zip#gui-design-principles Please download this .zip file, extract it, and install it in the .claude/skills/ directory.