UI/UX Designer
Builds high-quality, accessible web interfaces and design systems using modern frontend best practices and pre-configured templates.
The source repository doesn't declare a license. Check its terms before reusing the code.
Key features
- Pre-configured Tailwind CSS design system and theming utilities
- Performance-optimized animation and motion design principles
- Mobile-first responsive design strategies and grid systems
- Reusable library of atomic components and page layouts
- Accessibility-first guidance including WCAG checklists and ARIA patterns
Use cases
- Implementing dark mode and advanced theming support into an existing project
- Ensuring web components meet accessibility standards and provide high-quality user feedback
- Bootstrapping a new web application with a consistent and scalable design system
FAQ
Does it support mobile-first and responsive design?
Yes, the skill includes comprehensive guides and grid systems specifically for mobile-first strategies, ensuring your web applications look and function perfectly across all device sizes.
When should I use this skill?
Trigger this skill whenever you need to design new web components, create responsive page layouts, implement a dark mode theme, or audit your application for WCAG accessibility compliance.
What is the UI/UX Designer skill for Claude Code?
The UI/UX Designer skill is a specialized capability that equips Claude with the tools and knowledge to build high-quality, accessible web interfaces. It provides a pre-configured design system, reusable component libraries, and implementation best practices.
What accessibility features are included?
The skill integrates accessibility-first guidance, including ARIA patterns, keyboard navigation support, and detailed WCAG checklists to ensure your UI is inclusive and compliant.
How does this skill improve my development workflow?
It accelerates frontend development by providing ready-to-use Tailwind CSS configurations, utility functions for class merging, and atomic design patterns, reducing the time spent on boilerplate UI code.
Related skills
Frontend Design
Generates distinctive, opinionated UI designs that move beyond generic templates and reflect a product's unique brand identity.
Design Tools142,11812 ptsFrontend CSS Standards
Writes consistent, maintainable CSS by adhering to project methodologies, design systems, and performance best practices.
Design Tools21312 ptsNetresearch Branding
Applies Netresearch brand identity, design standards, and technical specifications to web projects, documentation, and digital content.
Design Tools612 pts