navigation-menu
Use when you need to organize and structure site navigation.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-24 00:15
Frontend & websites
11,036 results
skeleton
Use when implementing show users that content is being loaded.
base-headless
MUI Base (unstyled/headless) components and hooks — useButton, useInput, useMenu, useSlider for building custom UI
blazor-components
Blazor component model including render modes, lifecycle, parameters, event handling, and component communication
components
MUI core component patterns and best practices
css-variables-pigment
MUI CSS Variables mode (CssVarsProvider), Pigment CSS zero-runtime engine, and CSS custom properties theming
forms-validation
MUI form patterns with validation and library integration
migration
MUI version migration guides — v4→v5 and v5→v6 with codemods and patterns
slots-api
MUI slots and slotProps API for deep component customization — replacing internal elements, custom renderers, and composition patterns
syncfusion-blazor
Syncfusion Blazor component library with DataGrid, Charts, Scheduler, PDF, and 80+ components
tree-view
MUI X Tree View — SimpleTreeView, RichTreeView, lazy loading, custom icons, multiselect, drag-and-drop, and virtualization
white-label
MUI multi-theme and white-label systems — nested ThemeProvider, dynamic theme switching, tenant-specific branding, and theme composition
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or…
velt-area-best-practices
Best practices for Velt Area Comments — the rectangle area-annotation feature that lets users draw a region on the page and attach a comment thread to it…
ai-python-ui-adapter
Use when connecting AI SDK for Python streams to AI SDK UI useChat clients.
vgv-material-theming
Best practices for Flutter theming using Material 3.
image-optimization
Image optimization with Next.js 16 Image, AVIF/WebP formats, blur placeholders, responsive sizes, and CDN loaders. Use when improving image performance,…
chengfeng-export-talking-head
Burn the edited spoken-word track into a finished video file: ledger cut segments, punch-in, subtitles, HTML visual layers, all burned into the mp4 in one pass. Use when the user says export, produce the finished video, burn subtitles, render, export video, or generate the final file. Do not use to generate word-deletion candidates, write subtitles, or create visual animations.
mobile-animation-reanimated
React Native Reanimated 4 - shared values, animated styles, spring/timing/decay, layout animations, gesture integration, scroll-driven animations,…
mobile-navigation-expo-router
File-based routing and navigation for Expo/React Native
mobile-performance-react-native
React Native performance profiling, optimization, and monitoring - JS/UI thread analysis, re-render prevention, list optimization, image performance, bundle…
vercel-composition-patterns
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing…
design-taste-frontend
Apply anti-generic frontend design rules bundled from Leonxlnx/taste-skill, the MIT-licensed anti-slop ruleset for landing pages, portfolios, editorial pages,…
zustand
Zustand state management patterns for React applications. Use when implementing client-side global state, persisted state, or computed values. Lightweight…