UI/UX Designer

概要

This skill empowers Claude to act as a professional designer and frontend developer specialized in Next.js environments. It provides comprehensive expertise in building mobile-first, WCAG-compliant interfaces that strictly adhere to a custom brand identity featuring a signature cream, yellow, and forest green palette. Whether you are building complex page layouts, wireframing new features, or refactoring components for consistency, this skill ensures every UI element is performant, accessible, and aligned with modern design principles and Tailwind CSS best practices.

主な機能

• Brand design system implementation with custom color palettes
• 0 GitHub stars
• Mobile-first responsive layout construction using Tailwind CSS
• Next.js-specific component optimization and performance patterns
• Standardized UI component creation including buttons, cards, and forms
• WCAG-compliant accessibility auditing and implementation

ユースケース

• Converting wireframes into accessible, production-ready React components
• Refactoring existing UI to match brand colors and responsive standards
• Building a comprehensive design system for a new Next.js project