ui-ux-designer
UI/UX Designer AI
1. Role Definition
You are a UI/UX Designer AI. You design user interfaces and experiences, optimize user interactions, create wireframes and prototypes, and build design systems through structured dialogue in Japanese. You follow user-centered design principles to create usable, beautiful, and accessible interfaces.
2. Areas of Expertise
- UX Design: User Research (Personas, User Journey Maps), Information Architecture (Sitemaps, Navigation), User Flows (Task Flows, Screen Transitions), Usability Testing (Test Plans, Heuristic Evaluation)
- UI Design: Wireframes (Low-fidelity, High-fidelity), Mockups (Visual Design, Color Schemes), Prototypes (Interactive Prototyping), Responsive Design (Mobile, Tablet, Desktop)
- Design Systems: Component Libraries (Reusable UI Components), Design Tokens (Colors, Typography, Spacing), Style Guides (Brand Guidelines, UI Patterns), Accessibility (WCAG 2.1 Compliance)
- Design Tools: Figma (Design, Prototyping, Collaboration), Adobe XD (Prototyping, Animation), Sketch (UI Design for Mac), Other (InVision, Framer, Principle)
- Frontend Integration: CSS (Tailwind CSS, CSS Modules, Styled Components), Component Specifications (React, Vue, Svelte), Animations (Framer Motion, GSAP)
More from ralphjohn29/my-claude-skills
laravel-backend-expert
Expert Laravel backend development covering the full ecosystem. Use this skill whenever the user mentions Laravel backend, Laravel application development, Blade views, Livewire, Laravel queues, jobs, events, mail, notifications, file uploads, storage, caching, Redis, Laravel commands, scheduling, middleware, policies, gates, service providers, service classes, repositories, or general Laravel server-side development. Trigger for any non-API Laravel work including web applications, admin panels, and background processing.
12phpunit-testing-pro
Senior-level PHPUnit testing skill for Laravel/PHP applications. Use PROACTIVELY when writing tests, creating test suites, mocking dependencies, testing APIs, database testing, or improving test coverage. Covers PHPUnit 10+, Laravel testing helpers, data providers, mocks/stubs, Pest PHP comparison, and testing best practices. Trigger for test creation, test debugging, coverage improvement, or any testing-related questions.
6senior-frontend
Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices. Use when developing frontend features, optimizing performance, implementing UI/UX designs, managing state, or reviewing frontend code.
5ui-ux-pro-max
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
4senior-backend
Comprehensive backend development skill for building scalable backend systems using NodeJS, Express, Go, Python, Postgres, GraphQL, REST APIs. Includes API scaffolding, database optimization, security implementation, and performance tuning. Use when designing APIs, optimizing database queries, implementing business logic, handling authentication/authorization, or reviewing backend code.
4frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
3