frontend
0
tailwind-setup
Tailwind CSS 4.x configuration and patterns. Use when setting up or customizing Tailwind CSS.
IvanTorresEdge
development
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
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
full-stack
0
nextjs-expert
Expert Next.js pour App Router, Server Components et optimisation. Utilise ce skill quand: (1) développement d'applications Next.js, (2) migration vers App Router, (3) Server Components et Server Actions, (4) stratégies de rendering (SSR/SSG/ISR), (5) optimisation des performances Next.js, (6) déploiement Vercel.
truchot
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
full-stack
0
frontend-dev-guidelines
Frontend development guidelines for ActionPhase React/TypeScript application. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, Tailwind CSS styling with custom UI components, React Router, dark mode with CSS variables, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.
jhouser
development
full-stack
0
react-web-development
Build modern React applications with TypeScript, Zustand, React Query/Axios, and React Router. Use when (1) creating a new React app with TypeScript, (2) setting up state management with Zustand or React Query, (3) implementing API integration with Axios, (4) configuring routing with protected routes, or (5) building authentication flows
woojong92
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
mobile
0
gluestack-ui-setup
Gluestack-ui component library setup and usage. Use when implementing pre-built accessible components.
IvanTorresEdge
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
full-stack
0
server-sent-events
Server-Sent Events (SSE) for real-time progress updates in Next.js/Vercel. TransformStream patterns, client consumption, progress tracking.
SecurityRonin
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
full-stack
0
angular-20
Angular 20 knowledge and best practices. Use this skill when asked about Angular 20 development, architecture, components, routing, state management, performance, testing, and deployment. Includes standalone components, signals, and modern Angular patterns.
7Spade
development
full-stack
0
creating-components
Creating React components for StickerNest. Use when the user asks to create a component, build a UI component, add a panel, create a toolbar, build a dialog, or implement any React UI element. Covers component structure, Zustand integration, theme tokens, hooks, and common UI patterns.
Nymfarious
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
full-stack
0
build-ui-component
Generate React components with TypeScript and TailwindCSS. Accepts component name and description as parameters. Use when creating new UI components, building component libraries, or implementing visual elements.
ibecir
development
