zustand-typescript
Use when working with Zustand in TypeScript projects. Covers type-safe store creation, typed selectors, and advanced TypeScript patterns with Zustand.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-22 00:14
Frontend & websites
10,964 results
bundle-barrel-imports
Import directly from source files instead of barrel files. Apply when using libraries like lucide-react, @mui/material, or @radix-ui/react-* to reduce bundle…
file-upload
Implement direct-to-storage uploads with validation, progress, and presigned URLs for Vercel Blob, R2, or S3. Use when adding uploads to a Next.js app.
using-backstage-frontend-system
Use when defining or authoring extensions for a Backstage frontend plugin in the new frontend system. Covers createFrontendPlugin, route refs from…
using-backstage-ui
Use when authoring UI for a Backstage frontend plugin. Covers the @backstage/ui (BUI) component library — layout, typography, forms, dialogs, menus, tables —…
weapp-vite-vue-sfc-best-practices
A practical handbook for Vue SFC in mini program projects using weapp-vite, covering script setup, pure-template SFC, JSON macros,`definePageMeta`/layout、`defineModel`、`usingComponents`, built-in i18n Behavior, JSX/TSX script…
widget-design
Best practices for designing UI widgets in xmcp. Use when creating interactive widgets for GPT Apps or MCP Apps, choosing between React components and template…
threejs-expert
Senior WebGPU & 3D Graphics Architect for 2026. Specialized in Three.js v172+, WebGPU-first rendering, TSL (Three Shader Language), and high-performance React…
ship-page
Create stunning, interactive landing pages for products, startups, and side projects — zero dependencies, single HTML file. Use this skill whenever the user…
zoonk-translations
Work with internationalization using next-intl. Use when handling translations, i18n, getTranslations, useTranslations, translating content, or when the user…
better-forms
Complete guide for building accessible, high-UX forms in modern stacks (React/Next.js, Tailwind, Zod). Includes specific patterns for clickable areas, range…
web-tailwind
Tailwind CSS 4: utility classes, config, JIT, arbitrary values, darkMode, plugins, shadcn/ui
better-auth-ui-react
Integrate Better Auth UI React providers, hooks, authentication routes, and plugins. Use for @better-auth-ui/react or copied shadcn/ui auth components,…
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…
react-performance
React performance optimization techniques and best practices. Covers memoization, virtualization, code splitting, profiling, React DevTools, bundle…
eliteforge-frontend-generator
Generate EliteForge frontend projects with the same logic as cisdigital-generator-app. Reuse the exact project type to template mapping for…
bulletproof-react-components
Build bulletproof React components that survive SSR, hydration, concurrent rendering, portals, transitions, and future React changes. Nine essential patterns…
tailwind-design-system
Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility.
frontend-design
Create distinctive, production-grade frontend interfaces with React and Next.js. Design quality, component architecture, performance patterns, and state…
mantine-ui
Build React UIs with Mantine components, theming, and hooks. Use when adding or using Mantine UI, @mantine/core, MantineProvider, Mantine forms, dates, or when…
wp-block-themes
Use when developing WordPress block themes: theme.json (global settings/styles), templates and template parts, patterns, style variations, and Site Editor…
react-state
Zustand v5 state management for React. Use when implementing global state, stores, persist, or client-side state.
tailwindcss-borders
Use when styling element borders, rounded corners, focus outlines/rings, or divide-* separators between children.
stitch-react-native-components
Converts a Stitch mobile screen, a local HTML file, or a URL into React Native / Expo components — TypeScript, StyleSheet, Expo Router, dark mode via…