Find the perfect skill
Systematic Design Improvement
Design & Creativity
Systematic design optimization for a personal website, applying a defined color palette, typography hierarchy, and responsive layout principles. It ensures consistency and professional appearance using Tailwind utilities and Framer Motion animations. Helpful when design issues like poor spacing, broken responsiveness, or brand violations are detected.
Typography & Text Effects
Design & Creativity
Enhances headers, buttons, and text with readable typography and subtle micro-animations. Implements fade/slide-in effects for titles, optimizes line height and font scaling for body text, and adds hover effects for interactive elements. Helps create a polished, engaging UI while maintaining readability and consistency.
Interaction Designer
Design & Creativity
Designs interactions, animations, transitions, and micro-interactions for UI elements. Specifies hover, active, focus, loading, and feedback states. Helps ensure consistent, accessible, and performant user interactions.
Wireframe to Code
Design & Creativity
Converts wireframe descriptions or mockups into functional HTML/CSS/React code.