frontend-excellence
Modern frontend patterns for React Server Components, performance optimization, and Core Web Vitals
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-18 00:12
Frontend & websites
10,840 results
modern-css
Implement or debug CSS layouts, responsive styles, themes, and motion. Use when choosing native CSS features or replacing legacy styling with…
vue-router-v3
Guidance for Vue Router v3 using the official Installation, Guide, and API docs. Use when users need routing setup, navigation patterns, or API details for Vue…
zustand-5
Zustand 5 state management patterns. Trigger: When managing React state with Zustand.
pakco-html
Creates HTML decks, webpages, and social cards with pakco.html templates. Use for slides, PPT-style reports, visual web pages, or the style picker.
syncfusion-maui-linear-progressbar
Implements Syncfusion® .NET MAUI Linear ProgressBar (SfLinearProgressBar) control. Use when working with progress bars, progress indicators, loading…
wallet-integration
How to add wallet connection and authentication to an existing Monad frontend using Para — embedded MPC wallets with email / phone / passkey / social login,…
web-performance-audit
Audit web performance using Chrome DevTools MCP. Use when asked to audit, profile, debug, or optimize page load performance, Lighthouse scores, or site speed.
web-wave-designer
Creates realistic ocean and water wave effects for web using SVG filters (feTurbulence, feDisplacementMap), CSS animations, and layering techniques. Use for…
nextjs-project-manager
Expert guide for Next.js 14+ App Router projects. Use when building features, routing, server/client components, forms, layouts, or debugging Next.js-specific…
og-image
Generate social media preview images (Open Graph) and configure meta tags. Creates a screenshot-optimized page using the project's existing design system,…
21st-registry
Publish a React component to the user's team library on 21st.dev so teammates can install it with a single command, or install an existing one. Triggers when…
webrtc
WebRTC peer-to-peer communication. Signaling, ICE/STUN/TURN, media streams, data channels, screen sharing, and SFU integration (mediasoup, LiveKit). USE WHEN:…
relay-best-practices
Best practices for writing idiomatic Relay code. ALWAYS use this skill when writing or modifying React components that use Relay for data fetching. Covers…
frontend-design
Frontend UI: pages, apps, components, polished non-generic design.
amap-jsapi-skill
AMap JSAPI v2.0 (WebGL) development skills. Covers map lifecycle management, mandatory security configuration, 3D view control, overlay drawing, and LBS service integration.
react-frontend-expert
React/TypeScript frontend implementation patterns. Use during the implementation phase when creating or modifying React components, custom hooks, pages, data…
tailwindcss-plugins
Tailwind CSS plugins — official plugins and custom plugin development. PROACTIVELY activate for: (1) @tailwindcss/typography (prose), (2) @tailwindcss/forms,…
components
Teaches Vue component fundamentals including markup, logic, and styles. Use when building or structuring Vue single-file components as the foundational…
postgis-skill
PostGIS-focused SQL tips, tricks and gotchas. Use when in need of dealing with geospatial data in Postgres.
syncfusion-maui-radial-menu
Implements Syncfusion .NET MAUI Radial Menu (SfRadialMenu) - a hierarchical circular menu optimized for touch. Use when working with radial menus, circular…
syncfusion-maui-range-selector
Implements the Syncfusion .NET MAUI Range Selector (SfRangeSelector) component. Use when working with range selection with embedded charts, numeric range…
syncfusion-maui-segmented-control
Implements Syncfusion .NET MAUI Segmented Control (SfSegmentedControl). Use when working with segmented controls, segment buttons, tab-like selection, button…
angular-cdk
ALWAYS use when working with Angular CDK (Component Dev Kit), building custom accessible components, or using drag-drop, overlay, portal, or virtual scrolling.