frontend
0
angular-cdk-integration
Create components using Angular CDK utilities including drag-drop, overlay, portal, scrolling, a11y, clipboard, and platform detection for ng-events project
ac484
development
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
frontend
0
htmx
Adds AJAX, CSS Transitions, WebSockets, and Server Sent Events to HTML using attributes. Use when building hypermedia-driven applications, adding interactivity without JavaScript frameworks, or when user mentions HTMX, hx-boost, or HTML-first development. Triggers: "htmx", "hx-get", "hx-post", "hx-boost", "html ajax", "html interactivity", "html first".
czer323
development
frontend
0
reanimated-patterns
React Native Reanimated animation patterns. Use when implementing animations.
IvanTorresEdge
development
frontend
0
responsive-styling
Automatically generate mobile-first responsive CSS/SCSS when creating component styles or mentioning responsive design. Implements standard breakpoints (768px, 1024px), ensures WCAG AA color contrast, creates touch-friendly interfaces (44px minimum targets), adds proper focus indicators, supports reduced motion, scales typography responsively, and provides detailed technical specifications with exact values.
kanopi
development
frontend
0
auto-animate
Adds automatic animations to DOM changes with zero configuration using FormKit's AutoAnimate. Use when adding smooth transitions for list reordering, adding/removing elements, or quick UI polish.
mgd34msu
development
frontend
0
coder-base
基础编程助手 - 专为中文用户设计，提供规范化的JavaScript/Vue 3开发支持，并严格遵循JSDoc类型注释及特定Windows环境配置。
slime7
development
frontend
0
tailwind-4
Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind - cn(), theme variables, no var() in className.
aristeoibarra
development
frontend
0
jp-ui-consumer
Use when consuming jp-ui in an app: installation, CSS/theme setup, component selection, and token usage; guide Codex to the jp-ui docs and types for implementation details.
yumehiko
development
frontend
0
angular-component-development
Use when creating or modifying Angular components in MusicTheory - ensures standalone component pattern, proper RxJS subscription management, and integration with MusicTheoryService
EvanMcCormick
development
frontend
0
tailwind-setup
Tailwind CSS 4.x configuration and patterns. Use when setting up or customizing Tailwind CSS.
IvanTorresEdge
development
frontend
0
typescript-strict
TypeScript strict mode patterns with interfaces, type guards, generics, and utility types. Use when defining types, creating type-safe functions, handling nullable values, or implementing generic components.
canatufkansu
development
frontend
0
frontend-accessibility
Build accessible user interfaces with semantic HTML, keyboard navigation, ARIA attributes, and screen reader support. Use this skill when creating or modifying UI components, form elements, interactive widgets, or page layouts. When working on files like *.tsx, *.jsx, *.vue, *.svelte, or HTML templates. When adding alt text to images, labels to form inputs, implementing keyboard navigation, managing focus states, ensuring proper color contrast, using semantic HTML elements (nav, main, button), or adding ARIA attributes for complex components.
mshafei721
development
frontend
0
purify
Master the Purify library for practical functional programming in TypeScript with algebraic data types (Maybe, Either, EitherAsync, MaybeAsync), composable error handling, data transformations, Codec for runtime type safety, List operations, Tuple utilities, and functional patterns. Use when working with Purify's Maybe/Either types, async error handling with EitherAsync/MaybeAsync, runtime validation with Codecs, or building practical functional TypeScript applications with cleaner syntax than fp-ts.
manutej
development
frontend
0
optimize-conditional-rendering-activity
Activityコンポーネントを使用してすべての条件付きレンダリングを処理します。タブ、モーダル、表示/非表示UI、APIレスポンス状態（loading、error、empty、data）に必須です。
nayukata
development
frontend
0
pact-frontend-patterns
CODE PHASE (Frontend): Client-side implementation patterns and best practices. Provides component architecture patterns, state management strategies, accessibility guidelines, performance optimization, and responsive design approaches. Use when: building UI components, managing state, implementing forms, optimizing performance, ensuring accessibility, creating responsive layouts.
v4lheru
development
frontend
0
spa-integration
Configure SPA integration for affolterNET.Web.Bff. Use when setting up Vue/React/Angular apps, handling 401 responses, static files, or SPA fallback routing.
Mcafee123
development
frontend
0
angular-google-maps
Angular Google Maps (@angular/google-maps) integration for interactive map features. Use when embedding Google Maps, adding markers, polylines, polygons, info windows, or implementing map controls and event handling in Angular applications. Supports clustering, heatmaps, and drawing tools.
7Spade
development
frontend
0
tanstack-hook
Generates TanStack Query hooks following project patterns with useQuery. Creates hooks in src/hooks/ with typed return values. Use when creating data fetching logic.
eug-subscription
development
frontend
0
nextjs-use-search-params-suspense
Pattern for using useSearchParams hook with Suspense boundary in Next.js. Covers the required combination of 'use client' directive and Suspense wrapper when accessing URL query parameters in client components. Use when building search interfaces, filters, pagination, or any feature that needs to read/manipulate URL query parameters client-side.
mcclowes
development
frontend
0
configuring-tailwind-v4
Configure Tailwind CSS v4 using Vite plugin, PostCSS, or CLI with CSS-first configuration via @import and @theme directives. Use when setting up new projects or migrating build tools.
djankies
development
