GitHub
zustand-patterns
Zustand 5.x state management with slices, middleware, Immer, useShallow, and persistence patterns for React applications. Use when building state management with Zustand.
☆ 61Voir le skill
Skills IA tools frontend
Découvrez les skills tools frontend, comparez leurs dépôts et consultez leurs instructions.
Catégories: tools frontend
tools frontend Effacer les filtres
Explorer
GitHub
radix-primitives
Radix UI unstyled accessible primitives for dialogs, popovers, dropdowns, and more. Use when building custom accessible components, understanding shadcn internals, or needing polymorphic composition.
☆ 61Voir le skill
GitHub
render-optimization
React render performance patterns including React Compiler integration, memoization strategies, TanStack Virtual, and DevTools profiling. Use when debugging slow renders, optimizing large lists, or reducing unn...
☆ 61Voir le skill
GitHub
motion-animation-patterns
Use this skill for implementing Motion (Framer Motion) animations in React applications. Covers animation presets, page transitions, modal animations, list stagger effects, hover interactions, skeleton loaders,...
☆ 61Voir le skill
GitHub
shadcn-patterns
shadcn/ui component patterns including CVA variants, OKLCH theming, cn() utility, and composition. Use when adding shadcn components, building variant systems, or customizing themes.
☆ 61Voir le skill
GitHub
symfonytwig-components
Use when symfony twig components
☆ 61Voir le skill
GitHub
frontend-designer
Build accessible, responsive, and performant frontend components with design system best practices, modern CSS, and framework-agnostic patterns.
☆ 61Voir le skill
GitHub
swiftui-animation
This skill provides comprehensive guidance for implementing advanced SwiftUI animations, transitions, matched geometry effects, and Metal shader integration. Use when building animations, view transitions, hero...
☆ 61Voir le skill
GitHub
unity-ui-toolkit
Assists with Unity UI Toolkit development - UXML structure, USS styling, C# VisualElement manipulation, data binding, and custom controls. Use when implementing UI Toolkit interfaces.
☆ 60Voir le skill
GitHub
threejs-builder
Creates simple Three.js web apps with scene setup, lighting, geometries, materials, animations, and responsive rendering. Use for: "Create a threejs scene/app/showcase" or when user wants 3D web content. Suppor...
☆ 60Voir le skill
GitHub
console-ui
Develop React components and UI features for the console frontend with TypeScript, accessibility, and proper API integration. Use when creating or modifying UI components in the console directory. Focus on comp...
☆ 57Voir le skill
GitHub
frontend-design
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...
☆ 57Voir le skill
GitHub
remote-functions
Use when building, auditing, or reviewing SvelteKit remote functions for validation, batching, and optimistic UI patterns
☆ 56Voir le skill
GitHub
artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, rou...
☆ 55Voir le skill
GitHub
ui-css-patterns
UI/CSS design patterns reference for RAPID frontend - color semantics, component selection, common layouts
☆ 55Voir le skill
GitHub
plutonium-assets
Plutonium asset setup - TailwindCSS configuration, Stimulus controllers, and Phlexi component themes
☆ 54Voir le skill
GitHub
frago-view-content-generate-tips-html
HTML/reveal.js content generation guide. Use this skill when you need to create HTML presentations that can be previewed via `frago view`. Covers reveal.js advanced design, CSS techniques, and multi-page collab...
☆ 53Voir le skill
GitHub
frontend-development
Use this skill when creating UI components, pages, or frontend features. Activates for React components, Next.js pages, styling, state management, and accessibility tasks.
☆ 53Voir le skill
GitHub
ui-finesse-workflow
Master workflow for building exceptional UIs. Use when starting UI work, building components, or when the user asks about the development process for interfaces.
☆ 53Voir le skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces. Use when building web components, pages, or applications to avoid generic AI aesthetics and make memorable UIs.
☆ 53Voir le skill
GitHub
interface-guidelines
Accessibility and interaction rules for building UIs. Use when building forms, buttons, navigation, animations, or any interactive elements.
☆ 53Voir le skill
GitHub
expo-expert
Comprehensive Expo expert with access to complete official documentation covering React Native development, EAS Build, EAS Submit, EAS Update, Expo Router, Expo Modules API, configuration, deployment, and all p...
☆ 53Voir le skill
GitHub
expo-router-expert
Expert on Expo Router for file-based routing in React Native apps. Covers navigation, layouts, dynamic routes, deep linking, and TypeScript integration. Invoke when user mentions Expo Router, file-based routing...
☆ 53Voir le skill
GitHub
frontend-responsive
Your approach to handling frontend responsive. Use this skill when working on files where frontend responsive comes into play.
☆ 52Voir le skill
Le classement utilise les étoiles du dépôt GitHub indexé. Plusieurs skills peuvent partager ce nombre : ce n’est ni un nombre d’installations ni une note de qualité.