frontend-design
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.
A little skill. A lot more possibility.
Give your AI
a new superpower.▌
Discover, explore and install great Agent Skills from around the world.
From development to everyday work, find your AI’s next capability.
WORKS WITH✳ Claude Code Codex Cursor
4100+Discoverable skills
84Public repositories
SKILL.mdOpen skill format
Global skills. Local discovery.
Public sources · Original licenses
Public sources · Original licenses
HANDPICKED FOR YOU
Editor’s picks.
A few great places to start working differently.
skill-creator
skill-creator
Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.
mcp-builder
mcp-builder
Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).
webapp-testing
webapp-testing
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
vercel-react-best-practices
vercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
brainstorming
brainstorming
You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or planning anything new, in software or out of it (a talk, a business, a renovation).
SMALL SKILLS, BIG DIFFERENCE
Less repetition. More possibility.
Make AI part of the way you work.
01
Find skills worth using
Browse public skills by purpose without hopping between repositories.
02
Transparent by design
Every skill links to its original repository and license. Read the code, then choose.
03
Go from discovery to use
Read the docs, copy an install command or download the skill.
Turn your expertise into an AI capability.
Share a skill or find the right workflow for your team.
GOOD QUESTIONS
Frequently asked questions
A few things you might want to know about Agent Skills.
Getting started01What are Agent Skills?+
Modular capability packages with a SKILL.md instruction file, and optional scripts, templates and resources. Compatible assistants use their descriptions to choose when to apply them.
02How do I install a skill?+
Read its source and license, then run the install command or download the full ZIP. A SKILL.md file alone may not include required scripts.
03Are the skills free to use?+
This directory does not charge for downloads. Each original license governs use and redistribution. Source-available is not the same as open source.
04Are downloaded skills safe?+
Public source code is not a security audit. Review scripts, network access and permissions, and test in an isolated environment.
05Can I submit my own skill?+
Send your public GitHub repository URL and description. Submissions are emailed to us for manual review; personal contact details are not automatically published.