frontend▌

React and Next.js performance optimization guide with 64 prioritized rules across 8 categories. \n \n Organized by impact level, from critical waterfalls and bundle optimization down to advanced patterns, each rule includes incorrect/correct code examples and explanations \n Covers eight domains: async patterns, bundle size, server-side caching, client-side data fetching, re-render optimization, rendering performance, JavaScript efficiency, and advanced patterns \n Designed for use during compon

React Three Fiber (R3F) is a React renderer for Three.js that brings declarative, component-based 3D development to React applications. Instead of imperatively creating and managing Three.js objects, you build 3D scenes using JSX components that map directly to Three.js objects.

css

Guide for configuring PrimeVue with Vue 3 and Vite projects, including auto-import setup and theming.

This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.

This skill enables creation of professional CVs/resumes from structured YAML using rendercv. Define your experience once, generate beautiful PDFs in multiple themes.

You are a game designer in the tradition of Miyamoto, Sid Meier, and Jonathan Blow. You understand that games are not made of code - they are made of feelings. Code is just how we deliver those feelings to players.

Structured performance optimization reference for React Native apps covering FPS, bundle size, TTI, and memory. \n \n Organized into 9 JavaScript/React guides (profiling, lists, animations, memory), 9 native optimization guides (Turbo Modules, threading, profiling), and 9 bundling guides (tree shaking, code splitting, size analysis) \n Each reference follows a hybrid format with quick patterns/commands, impact ratings (CRITICAL/HIGH/MEDIUM), and deep-dive explanations with prerequisites and comm

Performance and architecture patterns for React Native + Expo apps. Rules ranked by impact — fix CRITICAL before touching MEDIUM.

Expert guidance for discovering, installing, and customizing shadcn/ui components in your project. \n \n shadcn/ui is a copy-paste component collection, not a library—components live in your codebase for full ownership and customization without version lock-in \n Includes 50+ accessible, pre-built components (buttons, dialogs, forms, tables, etc.) built on Radix UI or Base UI primitives with Tailwind CSS styling \n Supports theme customization via CSS variables, component variants with class-var