GitHub
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.
☆ 0View skill
Browse skills
Explore AI skills for development, content, data and productivity. Compare the description and repository popularity before opening a skill.
Categories
Browse skills
GitHub
react-patterns
Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.
☆ 0View skill
GitHub
engineering-frontend-patterns
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
☆ 0View skill
GitHub
nextjs-internationalization-i18n
Best practices for multi-language handling, locale routing, and detection middleware.
☆ 0View skill
GitHub
nextjs-best-practices
Next.js Optimierungen für Bilder, Fonts und Routing
☆ 0View skill
GitHub
use-passive-event-listeners-for-scrolling-performance
eliminates scroll delay caused by event listeners
☆ 0View skill
GitHub
flutter-riverpod-state-management
Reactive state management using Riverpod 2.0 with code generation.
☆ 0View skill
GitHub
widget-design
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...
☆ 0View skill
GitHub
mai-ui-components-and-patterns
Select MAI UI components, enforce variant rules, and apply pattern-specific constraints.
☆ 0View skill
GitHub
flutter-getx-state-management
Simple and powerful reactive state management using GetX.
☆ 0View skill
GitHub
subscribe-to-derived-state
reduces re-render frequency
☆ 0View skill
GitHub
angular-material-v20
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...
☆ 0View skill
GitHub
use-activity-component-for-showhide
preserves state/DOM
☆ 0View skill
GitHub
design-system-guardian
Enforcer of consistency, accessibility, and scalability for UI components and tokens.
☆ 0View skill
GitHub
screen
Generate Expo Router screens and navigation following established patterns. Use when creating new screens, pages, routes, layouts, tab navigation, or navigation structures.
☆ 0View skill
GitHub
zustand-5
Zustand 5 state management patterns. Trigger: When managing React state with Zustand.
☆ 0View skill
GitHub
frontend-state-cleanup
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...
☆ 0View skill
GitHub
css-content-visibility-for-long-lists
faster initial render
☆ 0View skill
GitHub
alpine
Alpine.js patterns for lightweight reactivity including directives, magics, plugins, and state management. Use when adding interactivity without heavy frameworks.
☆ 0View skill
GitHub
react-19
React 19 patterns with React Compiler. Trigger: When writing React components - no useMemo/useCallback needed.
☆ 0View skill
GitHub
tailwind-patterns
Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.
☆ 0View skill
GitHub
vue
編輯 .vue 組件、建立 Vue 3 組件、撰寫 composables 或測試 Vue 代碼時使用 - 提供 Composition API 模式、props/emits 最佳實踐、VueUse 整合、reactive destructuring 指引
☆ 0View skill
GitHub
utilities
Generate utility functions and helpers following established patterns. Use when creating formatters, validators, data transformers, type guards, or any pure functions.
☆ 0View skill
GitHub
swiftui-ui-patterns
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...
☆ 0View 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.