frontend-ui-ux-engineer
Transform functional UI into visually stunning interfaces without design mockups.
- Specializes in visual enhancement, micro-interactions, and creative styling using modern CSS, Tailwind, and animation libraries like Framer Motion
- Covers color theory, typography hierarchy, spacing systems, and accessibility standards (WCAG AA contrast, keyboard navigation, reduced-motion support)
- Includes reusable patterns for glassmorphism cards, skeleton loaders, and common UI components with production-ready code examples
- Provides quality checklists for visual polish, responsive design, and performance optimization across mobile and desktop
Frontend UI/UX Engineer
Purpose
Provides frontend design and development expertise specializing in creating visually stunning, user-centric interfaces without requiring design mockups. Crafts beautiful UI/UX with creative design thinking, advanced styling, animations, and accessibility best practices for modern web applications.
When to Use
- Need to transform functional UI into visually stunning interfaces
- Design mockups don't exist but beautiful UI is required
- Visual polish and micro-interactions are priority
- Component styling requires creative design thinking
- User experience improvements needed without dedicated designer
Quick Start
Invoke this skill when:
- Need to transform functional UI into visually stunning interfaces
- Design mockups don't exist, but beautiful UI is required
More from 404kidwiz/claude-supercode-skills
quant-analyst
Expert in quantitative finance, algorithmic trading, and financial data analysis using Python (Pandas/NumPy), statistical modeling, and machine learning.
1.1Kproject-manager
Project management expert specializing in planning, execution, monitoring, and closure of projects. Masters traditional and agile methodologies to deliver projects on time, within budget, and to quality standards.
988machine-learning-engineer
Use when user needs ML model deployment, production serving infrastructure, optimization strategies, and real-time inference systems. Designs and implements scalable ML systems with focus on reliability and performance.
790dotnet-framework-4.8-expert
Legacy .NET Framework expert specializing in .NET Framework 4.8, WCF services, ASP.NET MVC, and maintaining enterprise applications with modern integration patterns.
724codebase-exploration
Deep contextual grep for codebases. Expert at finding patterns, architectures, implementations, and answering "Where is X?", "Which file has Y?", and "Find code that does Z" questions. Use when exploring unfamiliar codebases, finding specific implementations, understanding code organization, discovering patterns across multiple files, or locating functionality in a project. Supports three thoroughness levels quick, medium, very thorough.
492market-researcher
Market research specialist focused on comprehensive market analysis, consumer behavior insights, and market opportunity identification. Excels at quantitative market sizing, qualitative consumer research, and strategic market positioning analysis.
391