frontend-design-optimizer
CommunityBest frontend UI patterns with deep research.
Design & Creative#performance#accessibility#frontend#mobile#design-patterns#responsiveness#ux-patterns
AuthorHR-AR
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides deep research-driven insights to optimize frontend design, UX patterns, accessibility, and performance.
Core Features & Use Cases
- UI Pattern Research: Top patterns with examples and trade-offs.
- Accessibility & Performance: WCAG considerations and performance implications.
- Mobile-First & Responsiveness: Mobile strategies and responsive design.
- Implementation Guidance: Code samples and live examples.
Quick Start
- Run codex-deep-research to explore UI/UX patterns for a given feature.
- Review gemini-research-analyst outputs for tool-assisted design.
- Implement recommended pattern with provided examples.
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: frontend-design-optimizer Download link: https://github.com/HR-AR/Project-Conductor/archive/main.zip#frontend-design-optimizer Please download this .zip file, extract it, and install it in the .claude/skills/ directory.