Use This Skill

npx add-mcp 'https://usethisskill.com/mcp'

Skills indexed from

morluto/reaanthropics/skillsvercel-labs/agent-skillsvercel-labs/agent-browserobra/superpowerswshobson/agentsremotion-dev/skillsnextlevelbuilder/ui-ux-pro-max-skillLeonxlnx/taste-skillComposioHQ/awesome-claude-skillsK-Dense-AI/claude-scientific-skillstrailofbits/skillsflashfrogluo/second-takeShaisolaris/solaris-dev-shopsandbaseai/sandbase-skillsD4Vinci/ScraplingSAP/open-ux-toolsbrowser-use/browser-usechrisryugj/kordocchromedevtools/chrome-devtools-mcpcolorjs/color-spacedgunning/edgartoolsdiegosouzapw/OmniRoutegetsentry/XcodeBuildMCPgetsentry/sentry-mcpmicrosoft/playwright-clisoftware-mansion/argenttester-army/e2etriggerdotdev/trigger.devvercel/next.jswonderwhy-er/DesktopCommanderMCPyamadashy/repomixzereight/gitlab-mcpmongodb-js/mongodb-mcp-servermobile-next/mobile-mcptaylorwilsdon/google_workspace_mcptirth8205/code-review-graphtobi/qmdDonchitos/Claude-Code-Game-Studioscallstack/agent-devicehomeassistant-ai/skillsGrit-77/done-is-a-claimmattpocock/skillsheygen-com/hyperframesdesigned-by-ai/skills

The difference, side by side.

Hover any proof to wipe across to the version Claude built without the skill. Every proof is open, three runs each way.

[ With canvas-design

canvas-design

“Build the one-page site for Blue Hour, a monthly jazz night at a small club: a poster-style hero with a drawn inline SVG illustration, the lineup with short bios, the schedule, a photo-strip section drawn with SVG, ticket tiers, and a footer with the address.”

Open](https://usethisskill.com/skills/canvas-design) [ With frontend-design

frontend-design

“Build the marketing landing page for Halcyon, a calm AI calendar app for busy founders.”

Open](https://usethisskill.com/skills/frontend-design) [ With theme-factory

theme-factory

“Build the one-page invitation site for the Harvest Table, a community garden's autumn dinner: a hero with the date and place, the story of the garden, the menu by course, the people cooking, a map drawn in inline SVG, and an RSVP form with success and error states.”

Open](https://usethisskill.com/skills/theme-factory) [ With ui-ux-pro-max

ui-ux-pro-max

“Build the dashboard home screen for Tally, a personal finance app: a sidebar, a header with the account switcher, a balance hero, a monthly spending chart drawn with inline SVG, a recent transactions list, budget progress cards, and an upcoming bills panel.”

Open](https://usethisskill.com/skills/ui-ux-pro-max) [ With tailwind-design-system

tailwind-design-system

“Build the shop page for Verdant, an online plant shop: a header, a filter sidebar with categories, light and price, a responsive product grid with at least nine plants drawn in inline SVG, prices, ratings, add-to-cart buttons with a cart count that updates, and a footer.”

Open](https://usethisskill.com/skills/tailwind-design-system) [ With accessibility-compliance

accessibility-compliance

“Build the settings page for a team workspace app with tabs for Profile, Notifications and Privacy, including toggles, a select menu, a danger zone, and save and cancel buttons with success and error states.”

Open](https://usethisskill.com/skills/accessibility-compliance) [ With brand-guidelines

brand-guidelines

“Build a one-page internal announcement for Relay, a new on-call handoff tool the platform team is rolling out next month.”

Open](https://usethisskill.com/skills/brand-guidelines) [ With internal-comms

internal-comms

“Write this week's status update for the Checkout Redesign project as a single HTML page for the leadership channel.”

Open](https://usethisskill.com/skills/internal-comms) [ With changelog-generator

changelog-generator

“Turn these git commits into a user-facing changelog page for version 2.4.0 of Ledgerly, a small-business invoicing app, as a single HTML page.”

Open](https://usethisskill.com/skills/changelog-generator) [ With test-driven-development

test-driven-development

“Implement a function that parses a cron expression (the standard five fields) and returns the next run time after a given date, in TypeScript.”

Open](https://usethisskill.com/skills/test-driven-development) [ With writing-plans

writing-plans

“Write the implementation plan for adding team accounts to a solo-user invoicing SaaS (Next.js, Postgres, Stripe): users must be able to create a team, invite members by email, assign owner or member roles, and share clients and invoices within the team, with billing moving from the user to the team.”

Open](https://usethisskill.com/skills/writing-plans) [ With skill-creator

skill-creator

“Write a complete SKILL.md for a skill called release-notes that turns a list of merged pull request titles into customer-facing release notes grouped by feature, fix and breaking change, in the tone of a small developer-tools company.”

Open](https://usethisskill.com/skills/skill-creator) [ With systematic-debugging

systematic-debugging

“A Node.js API returns 500 for about 1 in 200 requests to POST /orders.”

Open](https://usethisskill.com/skills/systematic-debugging) [ With algorithmic-art

algorithmic-art

“Make a generative art piece called Tidewater: a single HTML page with a full-window canvas that draws slow, layered flow-field lines in a deep sea palette, seeded so the same seed always gives the same picture.”

Open](https://usethisskill.com/skills/algorithmic-art) [ With web-artifacts-builder

web-artifacts-builder

“Build a single-page trip planner for a four-day weekend in Lisbon as one self-contained HTML file: a day-by-day itinerary with editable stops, a running budget that totals by category, a packing checklist with progress, and a simple map panel drawn with inline SVG that highlights the selected day's stops.”

Open](https://usethisskill.com/skills/web-artifacts-builder) [ With brainstorming

brainstorming

“A small bakery with one location wants more weekday morning customers.”

Open](https://usethisskill.com/skills/brainstorming) [ With vercel-react-best-practices

vercel-react-best-practices

“Here is a slow Next.js product list page.”

Open](https://usethisskill.com/skills/vercel-react-best-practices) [ With vercel-composition-patterns

vercel-composition-patterns

“Refactor this React Modal component.”

Open](https://usethisskill.com/skills/vercel-composition-patterns) [ With writing-guidelines

writing-guidelines

“Review and rewrite this getting-started page for Pipewell, a data pipeline CLI.”

Open](https://usethisskill.com/skills/writing-guidelines) [ With mcp-builder

mcp-builder

“Build an MCP server in TypeScript that gives an agent read access to a team's Linear-style issue tracker through a REST API: tools to search issues, get one issue with comments, and list a project's open issues by priority.”

Open](https://usethisskill.com/skills/mcp-builder) [ With vercel-react-view-transitions

vercel-react-view-transitions

“Build a photo gallery for a small travel photographer as a single HTML page using React from a CDN: a grid of twelve photos drawn with inline SVG or CSS gradients, where clicking a photo smoothly expands it into a detail view with a caption and location, and going back animates it into its place in the grid.”

Open](https://usethisskill.com/skills/vercel-react-view-transitions) [ With tdd

tdd

“Implement a function that parses a cron expression (the standard five fields) and returns the next run time after a given date, in TypeScript.”

Open](https://usethisskill.com/skills/tdd) [ With improve-codebase-architecture

improve-codebase-architecture

“Here is the orders module of a small Express app.”

Open](https://usethisskill.com/skills/improve-codebase-architecture) [ With prototype

prototype

“We are designing the order state model for a food delivery app.”

Open](https://usethisskill.com/skills/mattpocock-prototype) [ With triage

triage

“You are triaging three new issues on an open-source Markdown editor.”

Open](https://usethisskill.com/skills/triage) [ With grilling

grilling

“Here is my plan.”

Open](https://usethisskill.com/skills/grilling) [ With design-taste-frontend

design-taste-frontend

“Build the homepage for Fieldnote, a field-recording gear shop run by two sound engineers in Portland.”

Open](https://usethisskill.com/skills/design-taste-frontend) [ With ui-styling

ui-styling

“Build the main screen of Quayside, an internal tool a small logistics company uses to track container shipments: a sidebar, a filter bar, a table of 12 shipments with status, ETA and port, a detail panel for the selected shipment with a timeline, and an empty state for when filters match nothing.”

Open](https://usethisskill.com/skills/ui-styling)

See every proof →

One brief, two runs.

Star counts tell you a skill is popular. A proof shows what it actually changes, on a task like yours.

Step 1

Same brief

Each proof starts with one real request, written once and never changed between runs.

“Build the launch page for Orbit, a premium wireless speaker.”

Step 2

Three runs each way

Claude builds it on its own and with the skill loaded, three independent runs per side on the same model, so you see the spread and not one lucky draw.

Without

With skill

Step 3

Side by side

Both results are live pages. Drag the divider, click around, and judge the difference yourself.

Every skill, one search.

Free to search and free to install. Every listing links straight to its source. New to skills? Read how to use one.

Skills listed

2,043

From 45 public repos, refreshed weekly

Install in one line

Each skill comes with a command that copies it into your project.

$ npx degit anthropics/skills/skills/frontend-design.claude/skills/frontend-design

Always current

New skills are picked up and dead links drop out every week. Last refresh October 24.

ProvenSkills with a proof are listed first.

Know what a skill does before it runs.

Every listing is scanned for the nine patterns a skill should never need. Check any skill on GitHub before you install it, or run the same scan on your own repositories in one command or on every pull request.

Public repositories

$0

CLI and GitHub Action, free forever.

• Fetch-and-execute, destructive and exfiltration patterns
• Credential paths, privilege, persistence, rules-override text
• File and line for every finding
• Live check for any skill on GitHub Set up the scan

Team

14 days free

$29 a month

Private repositories, one key for the organization.

• Scan private repositories on every pull request
• Fail the check on flagged patterns
• Connector access for every member
• No card to start

Good to know.

What is an agent skill?

A skill is a folder with a SKILL.md file that teaches a coding agent how to do one kind of job well, such as designing a page or writing tests. Claude Code, Codex, Cursor and other agents load them when the task calls for it.

How is a proof made?

We give Claude one fixed brief three times without the skill and three times with it, on the same model. Every result is saved as a live page, with the model and the skill's exact version recorded next to them.

Can a proof be repeated?

Yes. The brief, model and skill version are all recorded, so anyone can run the same comparison again. We re-run proofs when a skill changes.

What do I get for free?

Everything on the site: searching and installing all skills, every proof with all three runs each way, the safety scan on every listing, the connector, checking any skill on GitHub before you install it, and scanning your own public repositories. Teams pay $29 a month to scan private repositories on every pull request.

Who owns the skills?

Their authors do. We list each skill with a link to its source repository and only show a skill's full text when its license allows it.

How do I install a skill?

Every listing has a one-line install command that copies the skill folder into your project's.claude/skills directory.