Frontend Skills

Building something? Build on our free API — query every skill over JSON, no key required.

All skill pages

Refine results1 activeRefined
All Time (14,512,043)
#SkillInstalls
4vercel-react-best-practices logovercel-react-best-practicesvercel-labs/agent-skills569K9web-design-guidelines logoweb-design-guidelinesvercel-labs/agent-skills480K59lark-doc logolark-doclarksuite/cli381K60lark-base logolark-baselarksuite/cli380K61lark-im logolark-imlarksuite/cli379K62lark-drive logolark-drivelarksuite/cli379K63lark-shared logolark-sharedlarksuite/cli379KSPReach 56,000+ AI builders from just $0.50 a clickYou only pay for clicks, never impressions - and it's far cheaper than Google Ads, with no monthly lock-in.Advertise from $0.50/click64lark-wiki logolark-wikilarksuite/cli378K65lark-whiteboard logolark-whiteboardlarksuite/cli378K66lark-sheets logolark-sheetslarksuite/cli378K67lark-calendar logolark-calendarlarksuite/cli378K68lark-task logolark-tasklarksuite/cli377K69lark-mail logolark-maillarksuite/cli377K70lark-minutes logolark-minuteslarksuite/cli377KSP6,000+ web scrapers for your AI agent, start free logo6,000+ web scrapers for your AI agent, start freeApify gives your agent live web data: 6,000+ prebuilt scrapers and actors, MCP-ready. Sign up free with $5 in usage credits.Try Apify free71lark-vc logolark-vclarksuite/cli377K72lark-event logolark-eventlarksuite/cli376K73lark-contact logolark-contactlarksuite/cli376K77lark-skill-maker logolark-skill-makerlarksuite/cli375K81lark-approval logolark-approvallarksuite/cli350K84lark-slides logolark-slideslarksuite/cli330KSPOne API to scrape, enrich, and extract the internet. logoOne API to scrape, enrich, and extract the internet.Context.dev gives your agents a single API to scrape, enrich, and extract live web data — no proxies, no parsers, no maintenance.Start building free86lark-attendance logolark-attendancelarksuite/cli328K88lark-okr logolark-okrlarksuite/cli314K100ui-ux-pro-max logoui-ux-pro-maxnextlevelbuilder/ui-ux-pro-max-skill278K101design-taste-frontend logodesign-taste-frontendleonxlnx/taste-skill277K112shadcn logoshadcnshadcn/ui246K120lark-apps logolark-appslarksuite/cli225KSPTurn any website into LLM-ready data for your agent logoTurn any website into LLM-ready data for your agentFirecrawl scrapes and crawls any site into clean markdown your agent can use. Get 1000 free credits and 10% off any plan with this link.Try Firecrawl free134minimalist-ui logominimalist-uileonxlnx/taste-skill197K142industrial-brutalist-ui logoindustrial-brutalist-uileonxlnx/taste-skill183K149vercel-react-native-skills logovercel-react-native-skillsvercel-labs/agent-skills171K154imagegen-frontend-web logoimagegen-frontend-webleonxlnx/taste-skill163K158imagegen-frontend-mobile logoimagegen-frontend-mobileleonxlnx/taste-skill159K175ubiquitous-language logoubiquitous-languagemattpocock/skills156KSPRun OpenClaw 24/7 on a Hostinger VPS with 20% off logoRun OpenClaw 24/7 on a Hostinger VPS with 20% offLaunch OpenClaw on Hostinger in about 60 seconds and keep it live 24/7. Get 20% off with this link.Launch on Hostinger182lark-note logolark-notelarksuite/cli152K197design-guide logodesign-guidegetpaperclipai/paperclip141K214design-taste-frontend-v1 logodesign-taste-frontend-v1leonxlnx/taste-skill121K252convex-quickstart logoconvex-quickstartget-convex/agent-skills89K256convex-create-component logoconvex-create-componentget-convex/agent-skills88K263web-artifacts-builder logoweb-artifacts-builderanthropics/skills84KSPDeploy your Hermes agent in 60 seconds, live 24/7, 10% off with code ZACAARON10 logoDeploy your Hermes agent in 60 seconds, live 24/7, 10% off with code ZACAARON10Launch Hermes on Hostinger in about 60 seconds, connect Telegram & Discord, and keep it live 24/7. Use code ZACAARON10 for 10% off.Launch on Hostinger264vercel-react-view-transitions logovercel-react-view-transitionsvercel-labs/agent-skills83K276quieter logoquieterpbakaus/impeccable80K294css-animations logocss-animationsheygen-com/hyperframes73K298tailwind logotailwindheygen-com/hyperframes71K329internal-comms logointernal-commsanthropics/skills61K332building-native-ui logobuilding-native-uiexpo/skills59K343slack-gif-creator logoslack-gif-creatoranthropics/skills57K
Previous

Page 1 of 25

Next

FAQ

What are Frontend skills?

Frontend skills are reusable instruction sets (SKILL.md files) that teach OpenClaw, Hermes, Claude Code, and Codex how to handle frontend work. Install one and your agent follows those patterns automatically.

How do I install a Frontend skill?

Open any frontend skill below and run the install command shown on its page. It is available in your agent right away, with no extra setup.

How are these Frontend skills ranked?

By all-time installs, so the most widely used frontend skills appear first. You can also sort and filter the list above.