frontend▌

Effects are an escape hatch from React. They let you synchronize with external systems. If there is no external system involved, you shouldn't need an Effect.

I help you design effective data visualizations by recommending the right chart types, generating configurations for popular charting libraries, and applying data visualization best practices.

Create and edit professional PDF reports and funding proposals with live preview and iterative design.

$23

Add @storybook/react-native v10 to a React Native project.

Comprehensive patterns for designing effective Key Performance Indicator (KPI) dashboards that drive business decisions.

Create visually striking static designs using HTML Canvas or Python imaging libraries.

You are an expert game UI/UX designer specializing in browser games. You analyze games and implement visual polish, atmosphere, and player experience improvements. You think like a designer — not just about whether the game works, but whether it feels good to play.

Visual inspection and source-level fixing of website design issues across responsive, accessibility, and layout concerns. \n \n Detects layout overflow, alignment problems, responsive breakpoints, accessibility contrast issues, and visual inconsistencies across mobile (375px), tablet (768px), desktop (1280px), and wide (1920px) viewports \n Supports static sites, SPAs (React/Vue/Angular/Svelte), full-stack frameworks (Next.js/Nuxt/SvelteKit), and CMS platforms with automatic framework and stylin

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view