Frontend

1,029 skills.

Browse

angular-developmentmindrallyExpert guidance for Angular and TypeScript development focused on scalable, high-performance web applications anime-jsmindrallyExpert guidelines for building performant animations with Anime.js animation library apollo-graphqlmindrallyGuidelines for developing GraphQL APIs and React applications using Apollo Client for state management, data fetching, and caching astromindrallyExpert in Astro framework with static generation and partial hydration patterns blazormindrallyGuidelines for Blazor development including component lifecycle, state management, and performance optimization bootstrapmindrallyBootstrap development guidelines for responsive layouts, components, and utility-first styling.cssmindrallyBest practices for CSS development including modern layout techniques, naming conventions, theming, and maintainable stylesheet architecture electron-developmentmindrallyElectron development guidelines for building cross-platform desktop applications with JavaScript/TypeScript ghostmindrallyGhost CMS theme development with Handlebars templating, Alpine.js, Tailwind CSS, and performance optimization gsapmindrallyExpert guidelines for building high-performance animations with GSAP (GreenSock Animation Platform)htmlmindrallyGuidelines for semantic HTML markup, document structure, forms, accessibility attributes, and modern HTML best practices less-best-practicesmindrallyLess CSS best practices and coding guidelines for maintainable, modular stylesheets modern-web-developmentmindrallyModern web development best practices for TypeScript, Next.js 14, React Server Components, Supabase, GraphQL, and Tailwind CSS.monorepo-tamaguimindrallyMonorepo development guidelines using Tamagui, Turbo, Next.js, Expo, Supabase, and cross-platform best practices.motionmindrallyExpert guidelines for building performant animations with Motion (formerly Motion One) vanilla JavaScript animation library nextjs-react-redux-typescript-cursor-rulesmindrallyComprehensive Next.js, React, Redux, and TypeScript development guidelines covering SOLID principles, component architecture, and best practices.nuxtjs-vue-typescriptmindrallyBest practices for building Nuxt 3 and Vue 3 applications with TypeScript, the Composition API, and Tailwind CSS. Use when structuring Nuxt/Vue projects, writing composables, typing components and props, wiring up server routes and plugins, or optimizing Nuxt builds and Web Vitals.onchainkitmindrallyExpert guidance for building onchain applications with OnchainKit SDK components and utilities optimized-nextjs-typescriptmindrallyOptimized Next.js TypeScript best practices with modern UI/UX, focusing on performance, security, and clean architecture performance-optimizationmindrallyPerformance optimization guidelines for web development including server-side rendering, CSS best practices, and JavaScript optimization postcss-best-practicesmindrallyPostCSS best practices and configuration guidelines for modern CSS processing and optimization pwa-developmentmindrallyProgressive Web App development guidelines covering service workers, caching strategies, offline functionality, and installability reactmindrallyExpert in React development with modern patterns, hooks, and performance optimization react-native-r3fmindrallyExpert guidance for React Three Fiber development with React, Vite, Tailwind CSS, and three.js remixmindrallyExpert guidance for Remix development with TypeScript, loaders/actions, nested routes, and full-stack web application best practices responsive-designmindrallyComprehensive guidelines for responsive web design including mobile-first approach, flexible layouts, media queries, and cross-device optimization sass-best-practicesmindrallySass (indented syntax) best practices and coding guidelines for clean, maintainable stylesheets shopifymindrallyExpert Shopify theme development guidelines for Liquid, Online Store 2.0, CSS, JavaScript, and UX best practices shopify-theme-development-guidelinesmindrallyExpert Shopify theme development with Liquid, Online Store 2.0, and performance best practices storybookmindrallyBest practices for building and documenting component libraries with Storybook styled-components-best-practicesmindrallystyled-components best practices for CSS-in-JS development in React applications sveltemindrallyModern Svelte 5 and SvelteKit development covering runes-based reactivity, snippets, SSR/SSG, and state management, including migration notes from legacy Svelte 4 syntax. Use when writing or reviewing Svelte components, deciding between runes and legacy reactive statements, building SvelteKit routes and load functions, or migrating a Svelte 4 codebase to Svelte 5.sveltekitmindrallyExpert guidance for SvelteKit development with TypeScript, Tailwind CSS, SSR/SSG, and performance optimization best practices swrmindrallyGuidelines for using SWR (stale-while-revalidate) React Hooks for efficient data fetching, caching, and revalidation tanstack-querymindrallyBest practices for TanStack Query v5 (React Query) server state management, including query key factories, the queryOptions helper, mutations, optimistic updates, infinite queries, and Suspense mode. Use when fetching or caching server data in React, writing custom query/mutation hooks, setting up a QueryClient, implementing optimistic updates, or migrating v4 patterns to v5.three-jsmindrallyExpert guidance for Three.js and React Three Fiber development with modern React, TypeScript, and performance best practices turbopack-bundlermindrallyBest practices and guidelines for Turbopack, the Rust-powered incremental bundler for Next.js and modern web development vitemindrallyExpert guidance for Vite development with modern build tooling, HMR, framework integrations, and performance optimization vue-typescriptmindrallyExpert in Vue.js TypeScript development with Vite, Pinia, and modern UI frameworks vuejs-typescript-best-practicesmindrallyVue.js and TypeScript best practices for building performant applications with Vite, Pinia, VueUse, and Tailwind CSS.web-developmentmindrallyWeb development guidelines covering Bootstrap, Django, HTMX, and general web best practices zustand-state-managementmindrallyBest practices for Zustand state management in React and TypeScript applications, covering store design, selectors, middleware, SSR, and testing. Use when creating or refactoring Zustand stores, deciding whether state belongs in Zustand vs component state vs a server-state library, optimizing selector re-renders, adding persist/devtools/immer middleware, or handling Zustand with SSR/React Server Components.mint-threejs-skillsmintdotggBuild, revise, debug, and verify browser-based Three.js apps, games, asset viewers, model and asset-pack deliveries, material and material-pack deliveries, animated-model viewers, and explicitly requested Gaussian-splat worlds with Mint MCP as the production asset pipeline.mfmodule-federationAll-in-one Module Federation skill. Use when the user asks anything about MF — concepts, configuration, runtime API, shared dependencies, type errors, runtime error code troubleshooting, observability/obs, slow builds, Bridge integration, or adding MF to an existing project.threejsmrgoonieBuild 3D web apps with Three.js (WebGL/WebGPU). Use for 3D scenes, animations, custom shaders, PBR materials, VR/XR experiences, games, data visualizations, product configurators.material-ui-nextjsmuiIntegrates Material UI with Next.js App and Pages routers using @mui/material-nextjs, Emotion cache providers, next/font, CSS layers with Tailwind/CSS Modules, Link component prop patterns, CSS theme variables SSR notes, and App Router useSearchParams + Suspense. Use when setting up or debugging MUI in a Next.js app.material-ui-stylingmuiChooses the right Material UI styling approach (sx, styled, theme overrides, global CSS) from official MUI guidance. Use when styling @mui/material components, customizing themes, overriding slots, or comparing sx vs styled.material-ui-themingmuiGuides Material UI theming and design tokens (createTheme, ThemeProvider, palette, colorSchemes, cssVariables, theme.vars, dark mode, TypeScript augmentation). Use when building or extending a theme, toggling light/dark, or aligning tokens across an app.neo4j-nvl-skillneo4j-contribNeo4j Visualization Library (NVL) — framework-agnostic graph rendering for the browser. Covers @neo4j-nvl/base (NVL class, nodes/relationships, Canvas vs WebGL renderer), @neo4j-nvl/interaction-handlers (ZoomInteraction, PanInteraction, DragNodeInteraction, ClickInteraction, HoverInteraction, BoxSelectInteraction, LassoInteraction, KeyboardInteraction), and @neo4j-nvl/react (InteractiveNvlWrapper, BasicNvlWrapper, StaticPictureWrapper). Use when rendering a Neo4j graph in a browser, feeding driv shopify-checkout-customizationnexscope-aiCheckout optimization — Checkout Extensibility, custom fields, express payments, trust elements