design-taste-frontend
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-02 00:09
Frontend & websites
11,364 results
gsap-core
Official GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia() (responsive,…
gsap-frameworks
Official GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount. Use when the user wants animation in…
gsap-react
Official GSAP skill for React — useGSAP hook, refs, gsap.context(), cleanup. Use when the user wants animation in React or Next.js, or asks about GSAP with…
gsap-scrolltrigger
Official GSAP skill for ScrollTrigger — scroll-linked animations, pinning, scrub, triggers. Use when building or recommending scroll-based animation, parallax,…
gsap-utils
Official GSAP skill for gsap.utils — clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe. Use when the user asks about gsap.utils,…
error-boundaries
React error boundaries + fallback UIs. Use for error, catch, boundary, fallback, recovery, crash, ErrorBoundary, errorComponent, reset
react
React hooks + performance patterns. Use for useEffect, useMemo, useCallback, memo, rerender, derived state, performance, bundle, optimize, hooks, state,…
tanstack-form
Create forms with TanStack Form and React Aria Components. Use when building forms, implementing validation, handling form submissions, or creating reusable…
tanstack-start
TanStack Start SSR framework. Use for server functions, API routes, SSR modes, middleware chains, server-only code
icon-creation
Generate browser extension icons at multiple sizes (16x16, 32x32, 48x48, 128x128) from SVG files. Use when creating new extension icons, converting SVG to PNG…
website-source-for-agents
Use when the user wants a finished, award-level website (portfolio, architecture or design studio, fragrance or product launch, plant shop, guesthouse,…
client
React/Vite web client with local-first architecture using Dexie for IndexedDB. Use when building UI components, implementing offline-first patterns, or working…
nextjs-app-router
Next.js 14+ App Router patterns including route handlers, server components, client components, SSE streaming, and API design. Use when creating pages, API…
nextjs-seo-master
A skill for generating SEO-optimized blog pages and components in Next.js App Router. Use this when creating new routes that require high search visibility.
frontend-design
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
codebase-to-course
Turn any codebase into a beautiful, interactive single-page HTML course that teaches how the code works to non-technical people. Use this skill whenever…
codex-usage
Reads the local Codex SQLite state database and generates a Chinese historical token consumption report, supporting monthly trends, source and model breakdowns, high-consumption sessions, and JSON and HTML export. Use when the user requests historical usage analysis. Not for querying account remaining quota, subscription billing, real-time rate limits, or reset times; local cumulative statistics cannot replace the account usage API.
react-flow-advanced-best-practices
Expert-level React Flow (@xyflow/react) guidance covering architecture, performance, TypeScript typing, testing, accessibility, computing flows, SSR/SSG,…
aceternity-ui-configuration
Specifies that Aceternity UI dependencies should be considered during code generation or modification.
setup
Bootstrap the Second Brain vault and personalize it in under five minutes. Scans existing Claude context, scrapes the user's website for voice and ICP signals,…
website-to-hyperframes
Capture a website and create a HyperFrames video from it. Use whenever the user (1) provides a URL and wants a video, (2) says "capture this site", "turn this…
nuxt-strata
Always-on Nuxt disambiguation layer for this project. Use it to choose the right Nuxt pack first, then switch to Vue or module guidance only when Nuxt no…
baseline-ui
Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.