Agent Skills

Free AI agent skills from GitHub, tested by a small, cheap model (Haiku). Further right means Haiku used it right more often.

How a skill is tested

A skill is a file that teaches an AI coding agent how to do one job. We test each one with a small, cheap model (Haiku), because if a small model gets it right, a big one will too.

  1. Picked right. Haiku sees the list of skills, like a real agent does, and gets 3 requests: 2 where this skill should be used and 1 that only sounds similar. It scores a point for each request it sends the right way.
  2. Followed right. Haiku reads the whole skill and a real request, then says its first step. A second Haiku call checks that step against the one the skill asks for.

Score: 1 point per request picked right (3) plus 2 points for following right, out of 5, shown out of 100. Further right is better. Green is 80 and up, amber 50 to 79, red below 50. Pick a kind of skill to see them as a leaderboard, best first. Haiku only sees skills from the same repo when it picks, as if you had installed that one collection. The test questions were written from each skill's own text by a stronger model, so a skill is never graded on something it does not claim to do. Last run: claude-haiku-4-5-20251001, 2026-10-28.

The same skills as a table
SkillFromWhat it doesScorePicked rightFollowed right
frontend-design anthropics/skillsBuild UI with a clear look of its own: pick a direction, type and palette, avoid template defaults. 100 3/3 1/1
web-artifacts-builder anthropics/skillsBuild a bigger React + Tailwind + shadcn artifact and bundle it into one HTML file. 100 3/3 1/1
browse garrytan/gstackLet the agent drive a real browser: open pages, click flows, take screenshots, read console errors. 100 3/3 1/1
design-consultation garrytan/gstackTalk through your product and build a full design system: type, colour, layout, motion, DESIGN.md. 60 3/3 0/1
design-html garrytan/gstackTurn an approved design into real HTML/CSS where text reflows and sizes itself correctly. 80 2/3 1/1
design-motion garrytan/gstackAnimate a finished design into a seamless looping MP4 and GIF to show it working. 60 3/3 0/1
design-review garrytan/gstackReview a live site like a designer: spacing, hierarchy, AI-slop looks, then fix and verify. 100 3/3 1/1
design-shotgun garrytan/gstackGenerate several design variants, show them side by side, collect feedback and iterate. 60 3/3 0/1
ios-design-review garrytan/gstackDesign audit of an iOS app on a real device, scored 0-10 on hierarchy, spacing and accessibility. 60 3/3 0/1
open-gstack-browser garrytan/gstackOpen an AI-driven Chromium window with a sidebar, where you can watch each agent action live. 100 3/3 1/1
vercel-react-best-practices vercel-labs/agent-skills70 rules from Vercel to make React and Next.js apps fast. Fixes waterfalls and big bundles. 100 3/3 1/1
vercel-composition-patterns vercel-labs/agent-skillsFix React components that have too many boolean props. Use compound components and context instead. 100 3/3 1/1
vercel-react-view-transitions vercel-labs/agent-skillsAdd smooth page and element animations with the React View Transition API. 100 3/3 1/1
web-design-guidelines vercel-labs/agent-skillsCheck UI code against Vercel's Web Interface Guidelines. Reports file:line findings. 100 3/3 1/1
agent-browser vercel-labs/agent-browserDrive a real Chrome from the CLI to click, fill forms, snapshot pages and test web apps. 100 3/3 1/1
web-perf cloudflare/skillsAudit a site's loading speed, Core Web Vitals and Lighthouse score, then fix the causes. 60 3/3 0/1
shadcn shadcn-ui/uiAdd, search, fix and compose shadcn/ui components with project-aware rules. 60 3/3 0/1
wcag-audit-patterns wshobson/agentsAudit sites for WCAG 2.2 with auto tools, manual checks and fixes. 60 3/3 0/1
tailwind-design-system wshobson/agentsBuild a design system with Tailwind v4: tokens, components, responsive. 100 3/3 1/1
a11y-audit alirezarezvani/claude-skillsScan, fix and verify WCAG 2.2 A and AA problems in React, Vue and HTML. 100 3/3 1/1
ui-ux-pro-max nextlevelbuilder/ui-ux-pro-max-skillUI/UX rules and a design system generator for web and mobile screens. 60 3/3 0/1
design-system nextlevelbuilder/ui-ux-pro-max-skillThree-layer design tokens, CSS variables and component specs. 60 3/3 0/1
ui-styling nextlevelbuilder/ui-ux-pro-max-skillBuild accessible UI with shadcn/ui, Radix, Tailwind and canvas designs. 60 3/3 0/1
taste-skill Leonxlnx/taste-skillArt-direct landing pages and app screens so they do not look like AI slop. 60 3/3 0/1
chrome-devtools mrgoonie/claudekit-skillsDrive Chrome with Puppeteer scripts for screenshots, network and perf checks. 100 3/3 1/1
responsiveness-check jezweb/claude-skillsResize through breakpoints, screenshot each width, find layout breaks. 20 1/3 0/1
flisk-frontend flisk-sh/flisk-skillsAdd and run a frontend in a Flisk stack and use what Flisk generates for it: nginx, Vite, env.ts and a typed api-client. 100 3/3 1/1