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.
☆ 4View 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
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.
☆ 4View skill
GitHub
performance
Angular performance optimization, change detection strategies, and bundle optimization
☆ 4View skill
GitHub
angular-material
Angular Material UI components, theming, and accessible interface design
☆ 4View skill
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.
☆ 4View skill
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.
☆ 4View skill
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.
☆ 4View skill
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.
☆ 4View skill
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.
☆ 4View skill
GitHub
http-client
Angular HttpClient for API communication, interceptors, and error handling
☆ 4View skill
GitHub
angular-core-implementation
Generate Angular components, services, modules, and directives. Implement dependency injection, lifecycle hooks, data binding, and build production-ready Angular architectures.
☆ 4View skill
GitHub
react-native-state
Master state management - Redux Toolkit, Zustand, TanStack Query, and data persistence
☆ 4View skill
GitHub
react-native-basics
Master React Native fundamentals - components, styling, layout, and Expo
☆ 4View skill
GitHub
react-native-navigation
Master React Navigation - stacks, tabs, drawers, deep linking, and TypeScript integration
☆ 4View skill
GitHub
kotlin-compose
Jetpack Compose - composables, state, effects, theming
☆ 4View skill
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.
☆ 4View skill
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...
☆ 4View skill
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.
☆ 4View skill
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...
☆ 4View skill
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...
☆ 4View skill
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,...
☆ 4View skill
GitHub
create-composable
Nuxt 4プロジェクトで再利用可能なComposableを作成する際のテンプレートとガイドライン
☆ 4View skill
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...
☆ 4View skill
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...
☆ 4View 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.