GitHub
redux-state-management
Master Redux Toolkit for production state management including slices, async thunks, RTK Query, and error handling
☆ 1View skill
tools frontend AI Skills
Discover tools frontend skills, compare source repositories and read the instructions for each workflow.
Categories: tools frontend
tools frontend Clear filters
Browse skills
GitHub
next-js-framework
Build production-grade React apps with Next.js 14 App Router, Server Components, and Edge Runtime
☆ 1View skill
GitHub
react-hooks-patterns
Master React Hooks including useState, useEffect, useContext, useReducer, and custom hooks with production-grade patterns
☆ 1View skill
GitHub
react-performance
Master React performance optimization with memoization, code splitting, profiling, and Web Vitals monitoring
☆ 1View skill
GitHub
react-router
Master React Router v6 for production routing with error boundaries, lazy loading, and navigation guards
☆ 1View skill
GitHub
component-library
Build production-grade, accessible, and tested component libraries with Storybook, Chromatic, and design tokens
☆ 1View skill
GitHub
data-structures
Master JavaScript objects and arrays including manipulation methods, prototypal inheritance, and complex data structure patterns.
☆ 1View skill
GitHub
fundamentals
Core JavaScript fundamentals including variables, data types, operators, control flow, and basic syntax. Essential foundation for all JavaScript development.
☆ 1View skill
GitHub
functions
Advanced function patterns including declaration styles, closures, scope chains, hoisting, and this binding. Master function composition and advanced techniques.
☆ 1View skill
GitHub
dom-apis
DOM manipulation and browser APIs including element selection, events, storage, fetch, and modern Web APIs.
☆ 1View skill
GitHub
modern-javascript
Modern ES6+ JavaScript features including classes, modules, destructuring, iterators, proxies, and latest ECMAScript features.
☆ 1View skill
GitHub
auto-animate
Zero-config animations for React, Vue, Solid, Svelte, Preact with @formkit/auto-animate (3.28kb). Prevents 10+ documented errors: SSR/Next.js imports, conditional parents, missing keys, flexbox width, table dis...
☆ 1View skill
GitHub
nextjs-developer
Expert Next.js developer mastering Next.js 14+ with App Router and full-stack features. Specializes in server components, server actions, performance optimization, and production deployment with focus on buildi...
☆ 1View skill
GitHub
motion
Build sophisticated React animations with Motion (formerly Framer Motion) - declarative animations, gestures (drag, hover, tap), scroll effects, spring physics, layout animations, and SVG manipulation. Optimize...
☆ 1View skill
GitHub
frontend-developer
Expert in building React 19 components with Next.js 15 App Router, TailwindCSS, and the project's theme system. Use when creating or modifying UI components, pages, layouts, client interactions, or styling. Alw...
☆ 1View skill
GitHub
backend-developer
Expert in building backend features with Next.js server actions, Drizzle ORM models, database operations, and the many-first design pattern. Use when creating or modifying server actions, database models, schem...
☆ 1View skill
GitHub
design-excellence
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...
☆ 1View skill
GitHub
typescript-react
TypeScript/React conventions for dashboards
☆ 1View skill
GitHub
nextjs
Next.js conventions for VioletDashboard and Connect
☆ 1View skill
GitHub
violetconnect-patterns
Code patterns for implementing VioletConnect features - Redux, axiosWrapper, AppContext, API routes
☆ 1View skill
GitHub
rails-frontend-guidelines
Rails frontend development guidelines using Hotwire (Turbo + Stimulus), Tailwind CSS, and ViewComponent. Modern patterns for server-rendered HTML with progressive enhancement, zero-build frontend architecture,...
☆ 1View skill
GitHub
semantic-html
Write well-considered semantic HTML that serves all users. Use when creating components, page structures, or reviewing markup. Emphasizes native HTML elements over ARIA. Treats proper document structure and acc...
☆ 1View skill
GitHub
integrate-routes
Mount routes in app.ts with dependency injection. Use after creating routes to wire them into the application. Triggers on "mount routes", "add to app", "wire routes", "integrate routes".
☆ 1View skill
GitHub
frontend-technologies
Master modern web development with HTML, CSS, JavaScript, React, Vue, Angular, Next.js, TypeScript, and responsive design. Use when building web applications, optimizing UI performance, or learning frontend fra...
☆ 1View skill
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.