React, Vue, CSS, animations, component libraries, performance optimization
by @anthropics
Guides and implements unique, production-ready frontend interface design and development, ensuring excellent user experience and high-performance interface.
by @deckardger
Best practice guide for TanStack Query, Router, and Start.
by @nickcrew
Optimize React application performance using patterns like memoization and context, enhancing frontend user experience.
by @enzed
Specializes in geometry creation and management in React Three Fiber, including building 3D models using built-in shapes and BufferGeometry.
by @mindrally
Best practices for building high-performance applications with Vue.js and TypeScript.
by @greensock
GSAP timeline expert, coordinating multi-step sequential and parallel animations, enabling complex keyframe-style animation orchestration.
by @heroui-inc
HeroUI Native is a component library designed for React Native, offering rich UI components with Tailwind CSS to accelerate mobile app development.
by @clerk
Masters Clerk frontend custom UI development, enhancing Clerk interfaces with AI skills to provide personalized user experiences and brand consistency.
by @laguagu
Provides SEO optimization guidelines for Next.js applications, helping developers build search engine-friendly Next.js projects.
by @vercel-labs
Vercel-maintained performance optimization guide for React and Next.js applications, containing 8 categories and 62 rules, helping developers build high-performance frontend applications.
Reviews UI code for compliance with web interface design guidelines, checking accessibility, design, and user experience to ensure interface quality and standards.
Provides a browser automation command-line tool for AI agents, supporting web navigation, form filling, button clicks, and screenshots, enabling interaction with websites.
by @inferen-sh
Focuses on frontend tools user interface development, providing Agents with the ability to integrate and display various tools via API to improve work efficiency.
by @supercent-io
This skill is used for frontend state management, addressing global state sharing, Props Drilling issues, complex state logic, performance optimization, and testing requirements, ensuring clear application data flow.
by @existential-birds
Provides a quick reference for React Router v7 best practices, including router setup.
by @analogjs
Teaches how to create custom directives in Angular v20+ to achieve fine-grained manipulation and behavior extension of DOM elements.
by @hairyf
Builds high-performance React applications using the App Router, based on the Next.js framework, supporting server-side rendering and static generation, optimizing the frontend development experience.
Implements 3D animations based on React Three Fiber, utilizing hooks like useFrame and useAnimations to create smooth and expressive web 3D effects.
by @softaworks
Provides best practices from React useEffect official documentation for writing/reviewing useEffect, useState, data fetching, and state synchronization.
Provide best practices and a quick reference for Tailwind CSS v4, including configuration settings for Vite plugins.
by @jeffallan
Generates Angular 17+ standalone components and configures advanced features, helping frontend developers quickly build modern, high-performance web applications.
Implement server-side rendering and hydration with @angular/ssr in Angular v20+.
HeroUI v3 React component library, based on Tailwind CSS v4 and React Aria.
by @gocallum
Assists in setting up Auth.js v5 for user authentication in Next.js projects, supporting various identity providers like Google.
by @jezweb
Masters building high-performance, customizable data tables on the frontend using the TanStack Table library, supporting complex data display, sorting, filtering, and pagination features to enhance user interaction.
by @assistant-ui
Tool UI skill, for quickly integrating requests with tool UIs, prioritizing assistant-ui when no existing chat UI/runtime is available.
by @martinholovsky
Utilizes the GSAP library to implement smooth animation transitions and visual effects for JARVIS HUD interfaces, enhancing user experience.
by @josiahsiegel
This skill provides advanced Tailwind CSS layout patterns, helping developers build complex and responsive user interfaces using Tailwind CSS.
by @alinaqi
Focuses on Progressive Web App (PWA) development, covering Service Workers and caching strategies to enhance user experience.
by @spences10
Provides a quick start guide for Svelte Runes, covering core concepts like $props, $bindable, $derived, $effect, and $state.
by @remotion-dev
Embed interactive component demos in Remotion documentation, supporting real-time preview and playback control, enabling users to intuitively understand API usage.
by @sickn33
An AI Agent Skill to optimize website and web application performance, including loading speed and Core Web Vitals, enhancing efficiency and automation.
by @remix-run
Builds React applications using React Router's data mode, optimizing data loading and management to enhance user experience and performance.
by @affaan-m
Build or debug Nuxt 4 applications with SSR, hybrid rendering, routing rules, or page-level data fetching.
by @secondsky
Focused on Aceternity UI, a premium React component library designed for Next.js applications, offering 100+ beautiful animated and interactive components to help build production-grade interfaces.
Conducts comprehensive testing of local web applications using the Python Playwright framework, ensuring functional integrity, stability, and user experience.
Focuses on frontend chat UI development, providing Agents with interaction capabilities via API to build user-friendly conversational experiences.
Guides on writing unit and integration tests in Angular v20+ applications, ensuring code quality and application stability.
Mastered the integration and customization of the Tiptap rich text editor, capable of providing powerful, flexible text editing features for web applications, supporting various content formats and collaborative editing scenarios.
by @cloudai-x
Masters methods for loading various 3D assets in Three.js, such as GLTF models, textures, and images, enabling asynchronous resource management.
by @bbeierle12
Utilizes the GSAP ScrollTrigger plugin to create scroll-based animation effects, adding lively and engaging interactive experiences to frontend pages.
by @eng0ai
Builds SPYLT product landing pages using GSAP scroll animations and React 19, achieving a smooth interactive experience.
by @lombiq
Provides comprehensive Tailwind CSS v4 documentation snapshots and workflow guidance for answering questions and configuration.
Focuses on material application in React Three Fiber, including PBR and Drei materials, to give 3D scenes realistic visual effects.
Familiarity with modern React development patterns and principles, such as Hooks, component composition, and performance optimization, to build efficient frontend applications.
GSAP core animation engine expert, handles tweening, easing functions, staggered animations, and timeline control.
Focus on building frontend components using Vue 3's Composition API pattern for efficient and maintainable UI development.
Core package for defining frontend schemas, directories, and AI prompt generation, enhancing work efficiency and automation capabilities.
Possesses basic Electron development capabilities, able to build cross-platform desktop applications using web technologies, extending frontend tech stacks to the desktop.
by @oxc-project
Guides JavaScript/TypeScript projects in migrating from ESLint to high-performance Oxlint for code linting.