threejs
Three.js and React Three Fiber patterns, scene graph management, disposal, and TypeScript conventions
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-21 00:11
Frontend & websites
10,946 results
check-fix-accessibility
Check and fix accessibility (a11y) on front-end projects (web and mobile web), including Next.js, React, Vue, Angular. Use when the user asks about…
hyperframes
Render MP4/WebM videos from HTML compositions.
vue
Use when editing .vue files, creating Vue 3 components, writing composables, or testing Vue code - provides Composition API patterns, props/emits best…
TanStack Router
Build type-safe, file-based React routing with TanStack Router. Supports client-side navigation, route loaders, and TanStack Query integration. Use when…
og-images
Guides creation of OpenGraph and Twitter share images using next/og ImageResponse. Covers layout patterns, custom fonts, avatars, title case, and Satori rules.…
arcgis-performance
Optimize ArcGIS Maps SDK for JavaScript applications for speed, memory, and bundle size. Use for improving map initialization, data loading, query efficiency,…
avalonia-api
Look up Avalonia binding, control, or template patterns when a XerahS UI task needs API guidance.
shadcn
shadcn/ui component library patterns
syncfusion-flutter-signature-pad
Implements Syncfusion Flutter SignaturePad (SfSignaturePad) for capturing handwritten signatures and drawings in Flutter apps. Use when implementing digital…
syncfusion-winui-avatar-view
Guide for implementing the Syncfusion WinUI AvatarView control to display user avatars and profile pictures. Use this when implementing user profiles, contact…
syncfusion-winui-circular-charts
Implement Syncfusion WinUI Circular Charts (SfCircularChart) with pie and doughnut visualizations for proportional data display. Use this when working with…
syncfusion-winui-masked-textbox
Guide for implementing Syncfusion WinUI MaskedTextBox (SfMaskedTextBox) for validated text input with customizable mask patterns. Use this when implementing…
syncfusion-winui-range-slider
Implements Syncfusion WinUI RangeSlider (SfRangeSlider) control for range selection in desktop applications. Use this when working with range selectors,…
syncfusion-winui-ribbon
Guide for implementing the Syncfusion WinUI Ribbon control (SfRibbon) to organize application commands into tabs and groups, similar to Microsoft Office. Use…
syncfusion-winui-time-picker
Implements Syncfusion WinUI TimePicker (SfTimePicker) control for time input and selection in desktop applications. Use this when building time input controls,…
react-native-advanced
React Native and Expo patterns for navigation, data fetching lifecycle, infinite scroll lists, form handling, state persistence, authentication routing,…
react-web-advanced
Web-specific React patterns for type-safe file-based routing, route-level data loading, server-side rendering, search param validation, code splitting, and…
Format numbers
Format numbers using the formatNumber function from Shade whenever someone edits a TSX file.
data-table
Build virtualized data tables with @virtuoso.dev/data-table. Use this skill when (1) building a data grid with sorting, filtering, or grouped rows, (2)…
weapp-vite-best-practices
For engineering practice manuals targeting repositories using the weapp-vite project layout or projects with `weapp-vite` dependencies installed, covering `vite.config.ts` 's `weapp` configuration, automatic routing, routeRules/layout, auto-imported components, subpackages, npm, multi-platform, managed…
drag-and-drop
Implement drag and drop using @atlaskit/pragmatic-drag-and-drop. Use when implementing sortable lists, reorderable items, kanban boards, or any drag-drop…
elementor-to-generateblocks
Convert Elementor layouts to clean GenerateBlocks V2 format, eliminating DIVception
frontend-designer
Build and audit React, Tailwind, shadcn/ui interfaces. Scaffold, create components/pages, theme, refactor, verify rendered UI. Use when building UI. NOT for…