lov-install-tanstack-query
Initialize or refactor a frontend project to use TanStack Query as the unified server-state layer. Use when the user asks to install TanStack Query, initialize…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-26 00:15
Frontend & websites
11,098 results
lov-mobile-adapt
Adapt an existing web project for mobile devices: fix overflow, add responsive layouts, convert to multi-level page navigation with back support, handle…
lov-rich-export
Stably export user-facing content as a single-file HTML, an HTML folder with assets, Markdown, DOCX, and PDF, and correctly handle images, audio, video, and embedded interactive content according to format. Used for "rich media export", "one-click export", "export...
lov-skill-publisher
Publish or submit a validated Skill. Default to the LovStudio official website, run lov-skill-pricing automatically, and use other channels only when…
react-email
Use when building HTML email templates with React components, adding a visual email editor to an application using the React Email visual editor, rendering…
new-page
Create a new Next.js App Router page with proper structure
nextjs-code-implementer
Invoke when code-developer implements features in Next.js 15 App Router projects. Provides file-based routing conventions, server/client component boundaries,…
react-code-implementer
Invoke when code-developer implements React 19 components with TypeScript. Provides default component patterns, hook usage guidelines, event handling, form…
shimmer-skeleton-loaders
A self-measuring shimmer modifier plus skeleton composables that stand in for a list while it loads — how the modifier learns its own size, why the base colour…
frontend-design
Design and implement distinctive, production-ready frontend interfaces with strong aesthetic direction. Use when asked to create or restyle web pages,…
frontend-design-2010s
Create web interfaces with an authentic early-2010s aesthetic. Use this skill when the user wants a 2010s-era, Web 2.0, or retro corporate web look — gradient…
xstate
WHEN React state changes in response to an external answer — async submit, in-flight or loading flags, retries, cancellation, polling, optimistic updates,…
rea-analysis
Reverse engineer apps and websites with REA. Explore how features work, then build a version tailored to your project.
cache-components
Implement Next.js 16 Cache Components with use cache directives, Suspense boundaries, and cacheLife profiles. Use when optimizing page performance or migrating…
pp-crestron
Every Crestron product, spec sheet, and firmware release — searchable offline, with fleet-wide currency checks the website cannot do. Trigger phrases: `what…
nextjs-expert
Next.js 14+ gotchas and decision criteria. Covers server/client boundary, caching strategy, and data fetching patterns Claude commonly gets wrong.
artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use…
build-lab
Set up a durable /lab section in a website: a sidebar shell over design experiments, a tested registry, and the host agents-file conventions that make future…
web-performance-optimization
Optimize website and web application performance including loading speed, Core Web Vitals, bundle size, caching strategies, and runtime performance
vibe
Generate and deploy production-grade websites from a natural language description. Use when asked to "vibe a site", "vibe code this", "build me a website and…
publish-artifacts
Publish HTML artifacts (mockups, demos, reports, prototypes) from a local folder tree to a Cloudflare-hosted site at ubuilt.dev, preserving the folder…
zustand-use
(heropy) Use when designing or writing global state (stores) with Zustand in a React project. When the user says "zustand", "Zustand", "global state", "create a store", "make me a store", "OO store…
uniapp-mini
Guides uni-app mini program development including configuration, component usage, API compatibility, and conditional compilation for WeChat, Alipay, Baidu, and…
learning-global-accessibility
Validate accessibility across international standards (WCAG, EN 301 549, Section 508), support diverse assistive technologies, address regional accessibility…