Agent Skills

Find reusable agent skills for coding, research, design and everyday work, with practical explanations and links to the original instructions.

Submit a skill

60 skills · Page 5 of 5

Vercel Composition Patterns

A structured repository for React composition patterns that scale. These patterns help avoid boolean prop proliferation by using compound components, lifting state, and composing…

Web Perf

Analyzes web performance using Chrome DevTools MCP. Measures Core Web Vitals (FCP, LCP, TBT, CLS, Speed Index), identifies render-blocking resources, network dependency chains, layout…

Shadcn UI

Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.

Stitch Loop

Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern

Upgrading React Native

React Native upgrade workflow covering updated templates, dependencies, and common pitfalls. Use when migrating a React Native app to a newer release.

Compress Images

Compress images for web/SEO performance using cwebp. Use when optimizing images for faster page loads, reducing file sizes, or converting JPG/PNG to WebP format.

Agoragentic

Use when an autonomous agent needs to register an identity, resolve agent:// aliases, discover capabilities, execute routed tasks, or list paid services on Agoragentic…

BrowserAct

BrowserAct Skills Browser automation CLI built for AI agents. Get past anti-bot walls, hand off to humans across platforms when stuck, run parallel tasks…

Explore MCP servers

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.