element-plus-vue3
Provides comprehensive guidance for Element Plus Vue 3 component library including installation, components, themes, internationalization, and API reference.…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-18 00:12
Frontend & websites
10,835 results
integration-nextjs-app-router
PostHog integration for Next.js App Router applications
wordpress-master
Use when user needs WordPress development, theme or plugin creation, site optimization, security hardening, multisite management, or scaling WordPress from…
jsapi-ui-kit
Official Baidu Maps UI interaction components, providing usage references for the PlaceAutocomplete, PlaceSearch, PlaceDetail, and RoutePlan components, enabling quick implementation of map interfaces and greatly improving development efficiency.
alpinejs
AlpineJS best practices and patterns. Use when writing HTML with Alpine.js directives to avoid common mistakes like long inline JavaScript strings.
core-components
Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.
react-hook-builder
Creates custom React hooks for common patterns including data fetching, forms, authentication, local storage, debounce, and more. Use when users request…
web3-frontend
Master Web3 frontend development with wallet integration, viem/wagmi, and dApp UX
react-patterns
Write React components with minimal state, proper memoization, and type-safe patterns. Use when creating components, managing state, or optimizing renders.
uniapp-uview
Integrates uView UI component library into UniApp projects including easycom configuration, pages.json and manifest.json setup, SCSS theming, and…
tanstack-query-setup
Implements TanStack Query (React Query) for server state management with caching, mutations, optimistic updates, and infinite queries. Use when users request…
react-three-start
Build, explain, and modify @react-three/start apps that use file-based React Three Fiber scene and DOM composition. Use when working in a react-three-start…
hwc-stimulus-fundamentals
Cover Stimulus controller fundamentals: lifecycle hooks, values and valueChanged callbacks, targets and target callbacks, outlets, action parameters, keyboard…
threejs-performance
Profile and optimize Three.js frame time, GPU workload, asset memory, and resource leaks.
tailwindcss-advanced-components
Tailwind CSS advanced component patterns with CVA (class-variance-authority) and variant management. PROACTIVELY activate for: (1) building reusable component…
frontend-component-build
Build production-ready frontend components with accessible markup, sensible props, defined states, and tested behavior. Use this skill whenever the user wants…
taste-skill
High-agency frontend skill that gives AI good taste with tunable design variance, motion intensity, and visual density. Prevents generic AI UI slop through…
vue-router-skilld
ALWAYS use when writing code that imports "vue-router", "vue-router/vite", "vue-router/auto-routes", or "vue-router/experimental". Consult for debugging, best…
tailwind-design-system-v4
Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries,…
angular-tailwind
ALWAYS use when working with Angular and Tailwind CSS, Tailwind configuration, utility-first CSS, or styling Angular applications with Tailwind.
pricing-page
A standalone pricing page — header, plan tiers, feature comparison table, and an FAQ. Use when the brief asks for "pricing", "plans", "subscription tiers", or…
citycraft
Use the urban style library with optional interactive previews to create complete landing pages with a distinctive style for products, events, marketing, or brands, outputting HTML, CSS, JS, and SVG. Use when the user requests a visually expressive single-page website or explicitly uses citycraft. Do not use for ordinary admin backends, component fixes, static posters, or partial maintenance where brand design changes are not allowed; when product information and a user-selected style already exist, reuse them directly.
motion-v13
React animations with Motion v13 (gestures, scroll, layout, SVG). Use when drag-and-drop, scroll animations, modals, carousels, parallax, or AnimatePresence…
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…