Frontend tools for Claude Code, Codex & Cursor

Frontend tools for Claude Code, Codex and Cursor - skills, MCP servers and workflows for React, Next.js, Vue, including react-email.

2,948 Frontend tools are ranked for Claude Code, Codex and Cursor by real adoption - installs first, then GitHub stars. Updated July 28, 2026.

⌕Try 

970 entries

#Tool▲▼Trend▲▼Installs▲▼Stars▲▼

1Vercel React Best Practicesvercel-labs/agent-skillsAutomatically apply Vercel’s official React and Next.js performance rules during code generation and review.Frontend & Design

582k29.5k

▸+3 more from vercel-labs/agent-skills525k installs

3Shadcnshadcn/uiAdd, compose, search, fix, and style production-grade React components directly from source without leaving their editor.Frontend & Design

253k120k

4Develop Userscriptsxixu-me/skillsCorrectly write, debug, and package userscripts for Tampermonkey and ScriptCat with proper metadata, GM APIs, and runtime decisions.Frontend & Design-224k72

5Minimalist Uileonxlnx/taste-skillGenerate clean, editorial-style web interfaces with warm monochrome palettes, typographic hierarchy, bento grids and flat components that feel premium and utilitaFrontend & Design

207k68k

7Image To Codeleonxlnx/taste-skillConvert high-fidelity design images into production-ready, visually accurate frontend code that avoids generic AI design pitfalls.Frontend & Design

173k68k

8Slideshowheygen-com/hyperframesAuthor structured, navigable HyperFrames slideshows, pitch decks, and interactive presentations with branching sequences and hotspot navigation.Frontend & Design

111k37.9k

10Web Artifacts Builderanthropics/skillsCreate rich, interactive multi-component HTML artifacts for Claude that use React, Tailwind, and shadcn/ui components.Frontend & Design

85.2k164k

11Tailwind Design Systemwshobson/agentsGenerate consistent, scalable Tailwind v4 design systems with tokens, component variants, responsive patterns, and accessibility baked in.Frontend & Design

56.2k38.3k

▸+5 more from wshobson/agents75.9k installs

12Frontend Designanthropics/claude-codeGenerate distinctive, production-grade frontend interfaces that avoid generic AI aesthetics.Frontend & Design

52.5k139k

13Enhance Promptgoogle-labs-code/stitch-skillsTurn vague UI descriptions into high-quality, Stitch-optimized prompts that generate better frontend components on the first try.Frontend & Design

50.8k7.8k

▸+2 more from google-labs-code/stitch-skills96.6k installs

15Animation Vocabularyemilkowalski/skillsMap vague motion descriptions to precise web animation terms so you can prompt designers or implement the right effect.Frontend & Design

48.6k21.1k

17Gsap Coregreensock/gsap-skillsWhen they need an agent that reliably generates correct GSAP tweens, timelines, easing, staggers, and responsive animation code for web projects.Frontend & Design

39.2k12.4k

▸+5 more from greensock/gsap-skills175k installs

23Viteantfu/skillsGet precise Vite configuration patterns for library mode, SSR, multi-page apps, and JavaScript API setups without trial-and-error.Frontend & Design

31.1k5.7k

▸+6 more from antfu/skills100k installs

25Vue Best Practiceshyf0/vue-skillsEnsure every Vue component follows official Vue 3 standards, Composition API, TypeScript, and reactivity best practices.Frontend & Design

25k2.7k

26Flutter Implement Json Serializationflutter/skillsGenerate type-safe Dart model classes with fromJson and toJson methods for Flutter apps that consume JSON APIs.Frontend & Design

21.8k2.7k

27Flutter Setup Localizationflutter/skillsCorrectly initialize internationalization support in a new Flutter mobile app.Frontend & Design

21.7k2.7k

28React Native Best Practicescallstackincubator/agent-skillsInstantly access proven React Native performance patterns that eliminate jank, reduce bundle size, and prevent memory leaks.Frontend & Design

20.9k1.6k

31Fixing Motion Performanceibelick/ui-skillsAudit and eliminate jank, layout thrashing, and compositor overload in UI animations without switching libraries.Frontend & Design

19.3k6.5k

32Shadcn Uigiuseppe-trisciuoglio/developer-kitAdd, customize, and implement production-grade accessible React components from shadcn/ui directly into their codebase.Frontend & Design

19.3k311

33Core Web Vitalsaddyosmani/web-quality-skillsSystematically diagnose and optimize Largest Contentful Paint, Core Web Vitals, and related performance bottlenecks before shipping.Frontend & Design

17.4k2.5k

34Frontend Ui Engineeringaddyosmani/agent-skillsGenerate production-quality, accessible, and visually polished user interfaces that avoid generic AI aesthetics.Frontend & Design

16.9k80.5k

38Vue Debug Guideshyf0/vue-skillsEnsure Vue animations and list transitions work reliably when data or routes change.Frontend & Design

14.4k2.7k

39Ai Elementsvercel/ai-elementsInstantly add production-grade AI chat UI components like conversation threads, message bubbles, tool call displays, and prompt inputs to their Next.js app.Frontend & Design

14.4k2.3k

41Tailwind Css Patternsgiuseppe-trisciuoglio/developer-kitGenerate accessible, WCAG-compliant Tailwind CSS patterns that work with screen readers and keyboard navigation.Frontend & Design

13.9k311

42Feature Sliced Designfeature-sliced/skillsOrganize static assets, images, fonts and stylesheets inside a Feature-Sliced Design project so that files stay next to the code that uses them.Frontend & Design

12.6k72

43Baoyu Diagramjimliu/baoyu-skillsGenerate clean, layered architecture diagrams that clearly communicate system flows to themselves, collaborators, or stakeholders.Frontend & Design

12.3k24.2k

46Astroastrolicious/agent-skillsGenerate Astro components, pages, content collections, and SSR configurations while following islands architecture and static-site best practices.Frontend & Design

11.5k10

47Agentationbenjitaylor/agentationQuickly add the Agentation visual feedback toolbar to any Next.js project.Frontend & Design

11.4k4.2k

49App Store Screenshotsparthjadhav/app-store-screenshotsInstantly scaffold a Next.js + ShadCN screenshot editor that generates high-resolution, export-ready marketing assets for the Apple App Store and Google Play.Frontend & Design

10.9k6.2k

50Vue Best Practicesvuejs-ai/skillsGenerate consistent, performant Vue 3 animation patterns that avoid common anti-patterns when working with Claude Code or Cursor.Frontend & Design

10.3k2.7k

52Migrate Radix To Baseshadcn/uiMigrates a shadcn/ui codebase from Radix UI primitives to Base UI, updating component imports and APIs so the UI keeps working on the new primitive library.Frontend & Design

9.8k120k

53Tanstack Query Best Practicesdeckardger/tanstack-agent-skillsApply battle-tested configuration patterns when using TanStack Query in React or Next.js applications.Frontend & Design

9.5k200

54Extension Cameracaffeinelabs/skillsAdd reliable webcam access to their React-based AI agent or web application without writing low-level MediaDevices code.Frontend & Design

8.9k0

▸+2 more from caffeinelabs/skills17.7k installs

55Fluentui Blazorgithub/awesome-copilotGenerate clean, strongly-typed data grid UIs in Blazor applications using Fluent UI components.Frontend & Design

8.9k37.1k

▸+2 more from github/awesome-copilot17.4k installs

60Argent Android Emulator Setupsoftware-mansion/argentReliably start an Android emulator session and obtain a device serial before running any mobile UI automation or React Native tasks.Frontend & Design

8.5k1.8k