gsap-cursor
Production recipes for cursor and pointer-driven GSAP animations. Companion to official gsap-core and gsap-performance skills (API reference). Triggers: cursor…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-26 00:15
Frontend & websites
11,100 results
convex-realtime
Patterns for building reactive apps including subscription management, optimistic updates, cache behavior, and paginated queries with cursor-based loading
next-stack
Next.js App Router frontend stack workflow: Server Components-first, Prisma server-only (Node runtime), Tailwind + shadcn/ui, TanStack Query, React Hook Form +…
review-ui
Use when a diff or branch touching browser-rendered surfaces (HTML, CSS/styling, JSX/TSX/Vue/Svelte components, templates) needs its visual and interaction…
nextjs-app-router-patterns
Next.js App Router patterns — server vs client components, data fetching, caching, streaming, parallel routes, and error boundaries
tanstack-query
TanStack Query v5 (React Query) reference for data fetching, caching, and server state management in React. Use when: (1) writing useQuery, useMutation, or…
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Activate when user needs: "generate webpage/create webpage/design interface/frontend design/UI design/webpage production/interactive webpage". Output:…
memory-system
Debug, maintain, and use the joelclaw memory system — observer capture/dreams, Brain .svx stores, neat-memory curation, Telegram delivery, reaction grading,…
react-ts-debugging
Debug React and TypeScript bugs through a collaborative, log-driven loop with the developer instead of guessing from source code. Use this whenever a user is…
core-components
Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,…
frontend-dev-guidelines
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with…
react-ui-patterns
Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.
unocss-shadcn
Configure UnoCSS with unocss-preset-shadcn using a semi-automatic, framework-agnostic workflow. Use when setting up or updating UnoCSS + shadcn integration,…
tanstack-query
TanStack Query (React Query) v5 best practices for data fetching, caching, and mutations. Use when fetching server data with useQuery, setting up mutations…
just-html
Publish, edit, and collaborate on HTML documents at justhtml.sh. Covers agent self-onboarding (the auth.md emailed-code flow to get an API key) and the full…
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,…
vercel-react-best-practices
A React and Next.js performance optimization guide by Vercel. Use when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Trigger scenarios: React components, Next.js pages, data fetching, bundle optimization, performance improvements, and similar tasks.
web-artifacts-builder
A toolkit for creating complex multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). For complex artifacts requiring state management, routing, or shadcn/ui components—not simple single-file HTML/JSX artifacts.
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,…
html-artifacts-plus
Create self-contained HTML artifacts when spatial layout, visual hierarchy, interaction, or sharing materially improves a substantial deliverable. Use for…
portfolio-story-architecture
Apply the Portfolio story architecture workflow derived from multiple published GoodCase examples. Use when planning, designing, or implementing a website in…
skill-style-css-clean
Auditor de CSS/SCSS para proyectos web. Enforcea mandamientos CSS, metodologías BEM/ITCSS, organización de archivos, performance y accesibilidad. Optimizado…
developer-frontend-engineer
The Developer Frontend Engineer translates user interfaces, interactive structures, design mockups, and client-side states into clean, responsive HTML, CSS…