react-ui-patterns
Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.
Découvrez les skills tools frontend, comparez leurs dépôts et consultez leurs instructions.
Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.
Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
eliminates scroll delay caused by event listeners
Reactive state management using Riverpod 2.0 with code generation.
Best practices for designing UI widgets in xmcp. Use when creating interactive widgets for GPT Apps or MCP Apps, choosing between React components and template literals, designing widget layouts, handling state...
Select MAI UI components, enforce variant rules, and apply pattern-specific constraints.
Simple and powerful reactive state management using GetX.
reduces re-render frequency
Angular Material v20 UI component library for Angular 20+ applications. Use when implementing Material Design components, theming, forms, tables, dialogs, navigation, or building Material-based UI. Covers compo...
preserves state/DOM
Enforcer of consistency, accessibility, and scalability for UI components and tokens.
Generate Expo Router screens and navigation following established patterns. Use when creating new screens, pages, routes, layouts, tab navigation, or navigation structures.
Use this agent when consolidating and standardizing frontend state management using consistent Svelte store patterns. User: "State is inconsistent - some in stores, some in components" Agent: Use frontend-sta...
faster initial render
Alpine.js patterns for lightweight reactivity including directives, magics, plugins, and state management. Use when adding interactivity without heavy frameworks.
Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.
編輯 .vue 組件、建立 Vue 3 組件、撰寫 composables 或測試 Vue 代碼時使用 - 提供 Composition API 模式、props/emits 最佳實踐、VueUse 整合、reactive destructuring 指引
Generate utility functions and helpers following established patterns. Use when creating formatters, validators, data transformers, type guards, or any pure functions.
Best practices and example-driven guidance for building SwiftUI views and components. Use when creating or refactoring SwiftUI UI, designing tab architecture with TabView, composing screens, or needing componen...
Generate custom React hooks following established patterns. Use when creating reusable logic, timers, debouncing, API calls, or any stateful logic that needs to be shared across components.
React 18 component patterns and best practices. Trigger: When writing React 18 components/hooks in .tsx (components, hooks, context, memo, useRef, etc.).
Angular Router for navigation, routing configuration, route guards, lazy loading, and parameter handling. Use when setting up routes, implementing navigation guards, lazy loading modules, handling route paramet...
Angular 20 built-in control flow syntax (@if, @for, @switch, @defer) for modern template programming. Use when writing templates with conditional rendering, loops, switch statements, or lazy loading components....
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é.