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.
☆ 0查看技能
tools frontend AI 技能
发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools frontend
tools frontend 清除筛选
全部技能
GitHub
react-patterns
Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.
☆ 0查看技能
GitHub
engineering-frontend-patterns
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
☆ 0查看技能
GitHub
use-passive-event-listeners-for-scrolling-performance
eliminates scroll delay caused by event listeners
☆ 0查看技能
GitHub
flutter-riverpod-state-management
Reactive state management using Riverpod 2.0 with code generation.
☆ 0查看技能
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...
☆ 0查看技能
GitHub
mai-ui-components-and-patterns
Select MAI UI components, enforce variant rules, and apply pattern-specific constraints.
☆ 0查看技能
GitHub
flutter-getx-state-management
Simple and powerful reactive state management using GetX.
☆ 0查看技能
GitHub
subscribe-to-derived-state
reduces re-render frequency
☆ 0查看技能
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...
☆ 0查看技能
GitHub
use-activity-component-for-showhide
preserves state/DOM
☆ 0查看技能
GitHub
design-system-guardian
Enforcer of consistency, accessibility, and scalability for UI components and tokens.
☆ 0查看技能
GitHub
screen
Generate Expo Router screens and navigation following established patterns. Use when creating new screens, pages, routes, layouts, tab navigation, or navigation structures.
☆ 0查看技能
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...
☆ 0查看技能
GitHub
css-content-visibility-for-long-lists
faster initial render
☆ 0查看技能
GitHub
alpine
Alpine.js patterns for lightweight reactivity including directives, magics, plugins, and state management. Use when adding interactivity without heavy frameworks.
☆ 0查看技能
GitHub
tailwind-patterns
Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.
☆ 0查看技能
GitHub
vue
編輯 .vue 組件、建立 Vue 3 組件、撰寫 composables 或測試 Vue 代碼時使用 - 提供 Composition API 模式、props/emits 最佳實踐、VueUse 整合、reactive destructuring 指引
☆ 0查看技能
GitHub
utilities
Generate utility functions and helpers following established patterns. Use when creating formatters, validators, data transformers, type guards, or any pure functions.
☆ 0查看技能
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...
☆ 0查看技能
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.
☆ 0查看技能
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.).
☆ 0查看技能
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...
☆ 0查看技能
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....
☆ 0查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。