vercel-composition-patterns
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-24 00:15
Frontend & websites
11,034 results
wode-emittery-pattern
Use when implementing event-driven communication between React components using Emittery, including event types, sidecar components, or subscription hooks
lazycat-android-webview-bridge
LazyCat Android WebView host bridge API usage guide. Triggered when the user mentions bottom prompt, bottom Snackbar, download prompt, download complete prompt, close or restore host prompt, lzc_toast, setSnackBarEnabled(); only applies to the Android shell.
frontend-quality-guardrails-cn
Use when the user needs to build, modify, or review a frontend interface, and verify text overflow, layout, responsiveness, accessibility, and visual quality.
zustand-expert
Senior State Architect for React 19 and Next.js 16.1+ applications. Specialist in Zustand v5, SSR-safe stores, and slices pattern for large-scale state…
vercel-composition-patterns
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing…
zoonk-compound-components
Build UI components using the compound component pattern. Use when creating new React components, building UI elements, refactoring components, or when the…
nuxt-ui
Use when building styled UI with @nuxt/ui v4 components (Button, Modal, Form, Table, etc.) - provides ready-to-use components with Tailwind Variants theming.…
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…
performance-optimizer
Optimize SvelteKit applications by leveraging SvelteKit's full-stack architecture for instant server-side rendering and progressive enhancement. Specialized in…
algolia-instantsearch-ui
Build and review Algolia InstantSearch experiences in JavaScript, React, Vue, Angular (via InstantSearch.js; Angular InstantSearch is deprecated), or…
react-nextjs
Next.js 14+ App Router best practices including Server Components, data fetching, caching, and Vercel optimization patterns. Use for Next.js development with…
rn-tv-ui-best-practices
React Native TV UI best practices for tvOS, Android TV, Fire TV, and Vega OS (covers react-native-tvos and @amazon-devices/react-native-kepler). Use when…
artifact-capabilities
Runtime capabilities a published Artifact page can be granted — behavior static HTML cannot provide on its own, such as the page reading live or connected…
expo-bulletproof-structure
Bulletproof Expo project structure pattern for React Native apps. Enforces thin routing layer, feature-based modules, dependency direction rules, and Expo…
nextjs-supabase-guard
Use after writing or modifying code in a Next.js + Supabase project, before committing, or when reviewing such a PR — "validate the stack", "full-stack guard",…
session-compound
Use when the user asks to review, summarize, distill, or organize this session, wrap up this session, extract takeaways from this session, or extract reusable experience from the session; produce an interactive HTML session report.
user-ask-for-report
Generate a clean white Tailwind CDN report page from user content, optionally password-gate viewing via client-side decryption, and deploy to Originless/IPFS.
building-nextjs-apps
Build Next.js 16 applications with correct patterns and distinctive design. Use when creating pages, layouts, dynamic routes, upgrading from Next.js 15, or…
figma-to-angular
Converts Figma designs into production Angular components with Storybook stories for the Bitwarden Clients monorepo. Use this skill whenever the user provides…
frontend-development
Use this skill for ANY task in a Next.js or React frontend codebase — adding pages, building components, fixing UI bugs, styling, handling forms, fetching…
fresh
Fresh Deno web framework. Covers islands architecture, file-based routing, handlers, signals, and plugins. Use for server-rendered Deno applications. USE…
pinia
Pinia state management for Vue. Covers stores, actions, and getters. Use for Vue 3 state management. USE WHEN: user mentions "pinia", "vue state", "vue…
kb-framework-accessibility
Reference data, not a reviewer. Framework-specific accessibility patterns and fix templates for React, Vue, Angular, Svelte, Next.js, and Tailwind CSS.