finfin

finfin / awesome-frontend-skills

Public

A curated list of frontend Agent Skills installable via npx skills add

40
4
100% credibility
Found Mar 18, 2026 at 40 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
AI Summary

A curated directory of best-practice guides for frontend web development topics, designed as installable skills for AI coding agents.

How It Works

1
🔍 Discover the Guide

You find a friendly collection of expert tips for building beautiful, fast websites with the help of AI assistants.

2
📖 Browse Topics

Scroll through simple categories like page builders, button sets, colors, motions, and checks to spark ideas.

3
⭐ Pick Your Favorites

Choose the guides that match your project needs, like tips for lively pages or stylish layouts.

4
➕ Share with AI Buddy

Easily give these special tips to your AI helper so it knows the best ways to assist you.

5
🛠️ Create Together

Team up with your smarter AI to build website pieces that look and work great right away.

🎉 Celebrate Success

Your website shines with professional polish, smooth actions, and everything working perfectly.

Sign up to see the full architecture

4 more

Sign Up Free

Star Growth

See how this repo grew from 40 to 40 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is awesome-frontend-skills?

This is a curated GitHub list of frontend agent skills—specialized knowledge packs for AI coding agents like Claude or Cursor—that you install with a single `npx skills add` command via Vercel Skills CLI. It gathers repos with SKILL.md files covering frameworks like React, Angular, Vue, Next.js, UI libraries such as shadcn/ui, plus design, animation, testing, auth, and more, skipping unrelated formats. Developers get instant access to best practices, like React performance rules or Playwright testing patterns, turning generic AI into frontend experts without manual hunting.

Why is it gaining traction?

Unlike scattered GitHub repos or generic awesome lists, this curated intel focuses solely on installable agent skills, with official ones from Vercel, AnalogJS, and Remix clearly marked, making it a one-stop directory for frontend-specific boosts. The `npx skills add --skill ` workflow lists, installs to specific agents, or deploys to all, hooking devs who want quick wins like Next.js App Router patterns or Tailwind design systems. It's a practical bridge between curated lists and real AI tooling.

Who should use this?

Frontend devs building with React, Vue, or Next.js who use AI agents for code reviews or generation and need framework-specific rules without digging through docs. Teams adopting Vercel Skills CLI for monorepos, testing with Playwright, or auth via Clerk/Prisma will find targeted skills for auth, ORMs, and E2E patterns. Mobile React Native devs or those experimenting with Remotion video get niche installs too.

Verdict

Handy curated list for discovering frontend agent skills, but with just 40 stars and 1.0% credibility score, it's early-stage—docs are solid bilingual READMEs, yet low adoption means verify skills before production. Worth bookmarking if you're in the Vercel AI ecosystem; skip if you prefer manual curation.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.