React Patterns
Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.
Agent Skills
Find reusable agent skills for coding, research, design and everyday work, with practical explanations and links to the original instructions.
60 skills · Page 4 of 5
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.
Remotion Best Practices
Best practices for Remotion - Video creation in React
Scroll Experience
Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences. Like NY Times interactives, Apple product pages…
Shopify Apps
Expert patterns for Shopify app development including Remix/React Router apps, embedded apps with App Bridge, webhook handling, GraphQL Admin API, Polaris components, billing, and…
Tailwind Patterns
Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.
Web 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 for complex artifacts requiring…
Web Design Guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my…
Web Performance Optimization
Optimize website and web application performance including loading speed, Core Web Vitals, bundle size, caching strategies, and runtime performance
Zustand Store Ts
Create Zustand stores with TypeScript, subscribeWithSelector middleware, and proper state/action separation. Use when building React state management, creating global stores, or implementing reactive state…
Frontend Slides
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX…
Next Best Practices
Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling
Entries link to the original documentation. Check access requirements, costs and maintenance before installing.
Agent Skills FAQ
What is an agent skill?
An agent skill packages instructions and supporting files for a particular task, so an AI agent can do that task the same way each time.
Which AI agents can use a skill?
Check the original project for its supported clients, installation steps and required tools. A skill’s page lists its compatibility and requirements when the project states them.
How do I add a skill to my agent?
Open a skill’s page for its getting-started notes and sources, then follow the original project’s documentation for your agent.