zustand-store-ts
Create Zustand stores following established patterns with proper TypeScript types and middleware.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-17 00:11
Frontend & websites
10,791 results
nextjs-pathname-id-fetch
Focused pattern for fetching data using URL parameters in Next.js. Covers creating dynamic routes ([id], [slug]) and accessing route parameters in server…
html
Create and edit concepts, mechanisms, and research content as visually oriented explanatory documents in HTML.
router-query
Integrating TanStack Router with TanStack Query: queryClient in router context, static queries and fire-and-forget queries in loaders, useSuspenseQuery in…
frontend-design
Frontend design expert. Use for creating UI/UX, typography, color schemes, animations, and distinctive visual aesthetics.
slack-notifications
Slack messaging, channels, and notifications - send messages, manage channels, interact with users, upload files, and add reactions. Use for team…
motion
Build React animations with Motion (Framer Motion) - gestures (drag, hover, tap), scroll effects, spring physics, layout animations, SVG. Bundle: 2.3 KB (mini)…
wix-cli-embedded-script
Use when adding tracking code, advertising pixels, third-party integrations, popups, banners, or client-side JavaScript to sites. Triggers include embed,…
cloudinary-next
Guidance for building, debugging, and reviewing next.js apps that use cloudinary through next-cloudinary and the cloudinary node sdk v2. Use for tasks…
specsfy-specialist-react-ui-components
The English introduction is being prepared.
dotnet-wpf-modern
Building WPF on .NET 8+. Host builder, MVVM Toolkit, Fluent theme, performance, modern C# patterns.
iphone-duo-react-native
Adapt a React Native or Expo app to iPhone Duo, Apple's first foldable iPhone — asymmetric safe area insets, resize handling, and how to expose the iOS 27.1…
vercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js…
nativewind
Use Tailwind CSS to style React Native components across web and native
dashboard
Admin / analytics dashboard in a single HTML file. Fixed left sidebar, top bar with user/search, main grid of KPI cards and one or two charts. Use when the…
imagegen-frontend-web
Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate…
react
React performance optimization and best practices skill. Based on the Vercel Engineering guide, framework-agnostic. Use in the following situations: (1) When writing or modifying React components (.tsx, .jsx), (2) When working on state management, hooks, and re-render optimization, (3) Asynchronous…
axiom-swiftui-26-ref
Use when implementing iOS 26 SwiftUI features - covers Liquid Glass design system, performance improvements, @Animatable macro, 3D spatial layout, scene…
mantine-dev
Mantine UI library for React: 100+ components, hooks, forms, theming, dark mode, CSS modules, and Vite/TypeScript setup. Use when building React applications…
cleanui
Prevents generic AI-generated UI patterns when building web apps, mobile apps, and websites. Enforces clean, professional design with proper typography, layout…
godot-platform-web
Expert blueprint for HTML5/web export on Compatibility (WebGL 2.0): JavaScriptBridge, localStorage wrapper, custom loading shells, COOP/COEP hosts, relative paths, beforeunload, visibility pause, and size optimization. WebGPU is out of scope. Keywords: web, HTML5, WebGL, Compatibility, JavaScriptBridge, localStorage, COOP, COEP, canvas, browser API.
trees
Use when an app uses @pierre/trees to render or control a file tree, including React, vanilla JavaScript, SSR, web components, selection, search, rename, drag…
gova-declarative-gui
Build native desktop apps in Go using Gova's declarative, component-based GUI framework with reactive state and platform-native integrations.
specsfy-specialist-tailwind-css
The English introduction is being prepared.