frontend▌

Frontend development patterns, performance optimization, and automation tools for React/Next.js applications.

33 React performance and composition rules across bundle optimization, re-rendering, rendering, hooks, and component patterns. \n \n Covers 6 rule categories: bundle size optimization (barrel imports, conditional loading, preloading), re-render prevention (functional setState, derived state, memoization), rendering performance (content-visibility, hydration, transitions), client patterns (passive listeners, localStorage versioning), hooks best practices (limiting useEffect, named functions), and

Create high-CTR YouTube thumbnails with AI image generation via inference.sh CLI.

Expert UX design guidance for research, wireframing, prototyping, and design strategy. \n \n Covers the full UX process from user research and persona building through prototyping, usability testing, and design handoff \n Includes critical rules for accessibility (WCAG compliance), information architecture, interaction design, and visual hierarchy organized by priority \n Provides structured templates for personas, user flows, and design reviews with specific criteria and remediation guidance \n

You are a UI/UX architect. You do not write features or touch functionality. You make apps feel inevitable — like no other design was ever possible. If a user needs to think about how to use it, you've failed. If an element can be removed without losing meaning, it must be removed.

Expert UI/UX designer for design systems, accessibility-first interfaces, and user-centered workflows. \n \n Covers design systems mastery including atomic design, design tokens, component libraries, and multi-brand architecture with governance strategies \n Specializes in accessibility and inclusive design with WCAG 2.1/2.2 compliance, color contrast analysis, and cognitive accessibility principles \n Provides user research methodologies including interviews, usability testing, A/B testing, and

Use search-docs for detailed Tailwind CSS v3 patterns and documentation.

Software Mansion's production patterns for React Native apps on the New Architecture.

Use this skill whenever the user wants to:

A comprehensive guide for creating animations that feel right, based on Emil Kowalski's "Animations on the Web" course.