AI coding agents don't know your framework's conventions out of the box. SKILL.md fixes that — it's a structured file that library authors publish to teach agents the right patterns for their tool.
The ecosystem is growing fast, though there's skills.sh, but it's a hassel to curate frontend related skills. So I built one for frontend.
awesome-frontend-skills — 70+ skills across 12 categories, all installable via npx skills add.
What's Covered
- Frameworks — React, Angular, Vue, Next.js, Nuxt, Svelte, TanStack, Remix
- UI — shadcn/ui, Tailwind v4 design systems
- Testing — Playwright, Cypress, Selenium, E2E patterns
- Build Tools — Vite, Nx, Turborepo, monorepo management
- Animation — Three.js, Framer Motion, CSS animation
- Auth — Clerk, Auth0, Better Auth
- Database — Prisma, Supabase, Convex
- Mobile — React Native, Expo
- Video — Remotion
Many are official — published by the framework teams themselves (Angular, shadcn, Prisma, Supabase, Playwright, etc.).
Lists skills repo, description and installation commands. That's it.
Only SKILL.md files. No .cursorrules, CLAUDE.md, AGENTS.md, or llms.txt — those serve different purposes.
PRs welcome if you know a frontend repo with a SKILL.md that's missing.
Top comments (0)