GitHub
component-variants
Creates light and dark mode component variants with consistent color token mapping. Use when building dual-theme components, creating light/dark UI pairs, or implementing theme-aware designs.
☆ 4查看技能
tools frontend AI 技能
发现 tools frontend 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: tools frontend
tools frontend 清除筛选
全部技能
GitHub
stacked-cards
Creates horizontally fanned/cascading card stacks with proper z-index ordering and hover lift animations. Use when building album browsers, card fans, stacked previews, or any overlapping card collection.
☆ 4查看技能
GitHub
performance
Angular performance optimization, change detection strategies, and bundle optimization
☆ 4查看技能
GitHub
angular-material
Angular Material UI components, theming, and accessible interface design
☆ 4查看技能
GitHub
modern-angular-implementation
Implement Angular 18+ features: Signals, standalone components, @defer blocks, SSR, zoneless change detection, new control flow syntax, and Material 3 integration.
☆ 4查看技能
GitHub
routing-performance-implementation
Configure routing with lazy loading, implement route guards, set up preloading strategies, optimize change detection, analyze bundles, and implement performance optimizations.
☆ 4查看技能
GitHub
forms-implementation
Build reactive and template-driven forms, implement custom validators, create async validators, add cross-field validation, and generate dynamic forms for Angular applications.
☆ 4查看技能
GitHub
state-implementation
Implement NgRx store with actions and reducers, build selectors, create effects for async operations, configure entity adapters, and integrate HTTP APIs with state management.
☆ 4查看技能
GitHub
rxjs-implementation
Implement RxJS observables, apply operators, fix memory leaks with unsubscribe patterns, handle errors, create subjects, and build reactive data pipelines in Angular applications.
☆ 4查看技能
GitHub
http-client
Angular HttpClient for API communication, interceptors, and error handling
☆ 4查看技能
GitHub
angular-core-implementation
Generate Angular components, services, modules, and directives. Implement dependency injection, lifecycle hooks, data binding, and build production-ready Angular architectures.
☆ 4查看技能
GitHub
react-native-state
Master state management - Redux Toolkit, Zustand, TanStack Query, and data persistence
☆ 4查看技能
GitHub
react-native-basics
Master React Native fundamentals - components, styling, layout, and Expo
☆ 4查看技能
GitHub
react-native-navigation
Master React Navigation - stacks, tabs, drawers, deep linking, and TypeScript integration
☆ 4查看技能
GitHub
kotlin-compose
Jetpack Compose - composables, state, effects, theming
☆ 4查看技能
GitHub
arcgis-core-utilities
Core utilities including Accessor pattern, Collection, reactiveUtils, promiseUtils, and workers. Use for reactive programming, property watching, async operations, and background processing.
☆ 4查看技能
GitHub
angular-developer
[Extends frontend-developer] Angular 21 specialist. Use for Angular-specific features: Signals, zoneless change detection, NgRx SignalStore, standalone components, Signal Forms, Angular Aria. Invoke alongside f...
☆ 4查看技能
GitHub
vue-developer
[Extends frontend-developer] Vue 3 specialist. Use for Vue-specific features: Composition API, script setup, Pinia stores, Vue Router, Nuxt 3 SSR, Vitest. Invoke alongside frontend-developer for Vue projects.
☆ 4查看技能
GitHub
flutter-developer
[Extends frontend-developer] Flutter/Dart specialist for cross-platform mobile. Use for Flutter apps, Riverpod/Bloc state management, Dart 3.x patterns, Material 3. Invoke alongside frontend-developer for Flutt...
☆ 4查看技能
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...
☆ 4查看技能
GitHub
frontend-setup
Interactive multi-level skill for scaffolding frontend projects from source. Use when user wants to: (1) Create a new frontend project (web, mobile, desktop, or cross-platform) (2) Set up a React, Vue, Svelte,...
☆ 4查看技能
GitHub
create-composable
Nuxt 4プロジェクトで再利用可能なComposableを作成する際のテンプレートとガイドライン
☆ 4查看技能
GitHub
html-tools
This skill should be used when building single-file browser applications, client-side utilities, or interactive tools that need no backend. Covers patterns for state persistence, API integration, and advanced b...
☆ 4查看技能
GitHub
ahooks
Comprehensive ahooks React hooks library specialist. Expert in all 76+ ahooks hooks including state management, effects, data fetching, performance optimization, DOM utilities, and advanced patterns. Use when w...
☆ 4查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。