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
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
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
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
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
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
GitHub
hooks
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.
☆ 0View skill
GitHub
react-18
React 18 component patterns and best practices. Trigger: When writing React 18 components/hooks in .tsx (components, hooks, context, memo, useRef, etc.).
☆ 0View skill
GitHub
angular-router
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...
☆ 0View skill
GitHub
angular-20-control-flow
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....
☆ 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.