Search
Next.js · For frontend developers
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 145 | 145.A11y Audit Skill de auditoria de acessibilidade para escanear, corrigir e verificar a conformidade WCAG 2.2 Nível A e AA em codebases React, Next.js, Vue, Angular, Svelte e HTML puro. | ricneves-ai/ | 115 | — | ~2.7k | Automated safety check: Pass | MIT | 15 days ago |
| 146 | Guide for building, configuring, and deploying microfrontends on Vercel. | vercel/ | 301 | — | ~1.3k | Automated safety check: Pass | Unknown | yesterday |
| 147 | Zustand state management for React with TypeScript. An agent skill from secondsky/claude-skills. | secondsky/ | 227 | — | ~2.5k | Automated safety check: Pass | MIT | 13 days ago |
| 148 | Reference data, not a reviewer. An agent skill from Community-Access/accessibility-agents. | Community-Access/ | 423 | — | ~1.8k | Automated safety check: Pass | MIT | 18 days ago |
| 149 | 149.Aidd Stack Tech stack guidance for NextJS + React/Redux + Shadcn UI features. | paralleldrive/ | 384 | — | ~411 | Automated safety check: Pass | MIT | 4 mo ago |
| 150 | Audit and revamp existing web interfaces into polished, professional, product-specific experiences while preserving behavior and working within the current frontend stack. | buildfastwithai/ | 785 | — | ~2k | Automated safety check: Pass | MIT | 19 days ago |
| 151 | Generate, modify, and style React components from natural language using the Thesys SDK. | secondsky/ | 227 | — | ~614 | Automated safety check: Pass | MIT | 13 days ago |
| 152 | Next.js 16 bundle-size and build-time optimization — runs a data-driven iteration loop: measure baseline → analyze top offenders → apply ONE recipe → re-measure → verify nothing broke (build + types… | pproenca/ | 215 | — | ~1.5k | Automated safety check: Pass | MIT | 1 mo ago |
| 153 | Audits a Next.js (App Router, 14/15+) codebase for React Hook Form anti-patterns — watch() at form root, Controller inlined in parent, async submit without try/catch, missing setError on server… | pproenca/ | 215 | — | ~1.6k | Automated safety check: Pass | MIT | 1 mo ago |
| 154 | 154.Senior Frontend Frontend development for React, Next.js, TypeScript, and Tailwind CSS. | borghei/ | 891 | — | ~1.7k | Automated safety check: Pass | MIT | 4 days ago |
| 155 | React and Next.js performance playbook distilled from Vercel Engineering guidance. | majiayu000/ | 287 | — | ~1.1k | Automated safety check: Pass | MIT | 3 days ago |
| 156 | 156.UI UX Pro Max A skill your agent uses when planning, building, designing, code review, refactor, fixing, improving, optimizing, enhancing, or checking UI/UX work. | majiayu000/ | 287 | — | ~442 | Automated safety check: Pass | MIT | 3 days ago |
| 157 | json-render component catalog patterns for AI-safe generative UI. | yonatangross/ | 292 | — | ~6.4k | Automated safety check: Pass | MIT | yesterday |
| 158 | 158.Chat UI Chat UI building blocks for React/Next.js from ui.inference.sh. | aiskillstore/ | 433 | 1 repo | ~823 | Automated safety check: Pass | No licence | yesterday |
| 159 | 159.Svelte A skill your agent uses when building, reviewing or fixing Svelte 5 (runes) and SvelteKit code — components with the rune primitives, rune modules versus stores, file routing, universal versus… | ericrisco/ | 180 | — | ~3.1k | Automated safety check: Pass | MIT | yesterday |
| 160 | 160.Vue Nuxt A skill your agent uses when building or reviewing a Vue 3 + Nuxt 4 app — <script setup reactivity, SSR/SSG/hybrid routeRules, the app/+server/ layout, SSR-safe fetching (useFetch/useAsyncData) and… | ericrisco/ | 180 | — | ~4.2k | Automated safety check: Pass | MIT | yesterday |
| 161 | 161.Htmldrop Reach for this skill when an HTML artifact — report, deck, brief, mockup, dashboard, proposal, spec, or landing page, whether the user already has it or you just generated it — needs to reach other… | ooiyeefei/ | 495 | — | ~5.2k | Automated safety check: Warn | MIT | 2 mo ago |
| 162 | 162.Billing SDK BillingSDK, the open-source React and shadcn component library for Dodo Payments billing UI. | hashgraph-online/ | 1.3k | — | ~3.5k | Automated safety check: Notes | Apache-2.0 | yesterday |
| 163 | Expert Next.js performance optimization skill covering Core Web Vitals, image/font optimization, caching strategies, streaming, bundle optimization, and Server Components best practices. | giuseppe-trisciuoglio/ | 357 | — | ~3.2k | Automated safety check: Notes | MIT | 1 mo ago |
| 164 | 164.React Patterns Provides comprehensive React 19 patterns for Server Components, Server Actions, useOptimistic, useActionState, useTransition, concurrent features, Suspense boundaries, and TypeScript integration. | giuseppe-trisciuoglio/ | 357 | — | ~2.4k | Automated safety check: Notes | MIT | 1 mo ago |
| 165 | 165.Nextjs I18n Best practices for multi-language handling, locale routing, and detection strategies across App and Pages Router. | HoangNguyen0403/ | 572 | — | ~653 | Automated safety check: Pass | MIT | yesterday |
| 166 | Implement Pages Router data fetching with getServerSideProps, getStaticProps, and API routes in Next.js legacy projects. | HoangNguyen0403/ | 572 | — | ~737 | Automated safety check: Pass | MIT | yesterday |
| 167 | 167.Nextjs Styling Implement zero-runtime CSS with Tailwind, CSS Modules, and the cn() utility for RSC-compatible styling in Next.js. | HoangNguyen0403/ | 572 | — | ~703 | Automated safety check: Pass | MIT | yesterday |
| 168 | 168.Docs Lookup 通过 Context7 MCP 获取库和框架的实时最新文档，而非依赖训练数据，防止 API 幻觉。适用于查询任何库或框架的用法、配置、示例代码。触发词：怎么用、怎么配置、API参考、文档、示例代码、用法、接口、库文档、框架文档、documentation、docs、how to use、API… | ProgrammerAnthony/ | 235 | — | ~640 | Automated safety check: Pass | MIT | 5 mo ago |
| 169 | React、Next.js、状态管理（State Management）、性能优化（Performance Optimization）及 UI 最佳实践的前端开发模式。 | xu-xiang/ | 2k | — | ~3.6k | Automated safety check: Pass | MIT | 7 mo ago |
| 170 | 适用于 React、Next.js、状态管理、性能优化和 UI 最佳实践的前端开发模式. An agent skill from xu-xiang/everything-claude-code-zh. | xu-xiang/ | 2k | — | ~3.4k | Automated safety check: Pass | MIT | 7 mo ago |
| 171 | 针对 React、Next.js、状态管理、性能优化及 UI 最佳实践的前端开发模式. An agent skill from xu-xiang/everything-claude-code-zh. | xu-xiang/ | 2k | — | ~3.6k | Automated safety check: Pass | MIT | 7 mo ago |
| 172 | Build Next.js 16 applications with correct patterns and distinctive design. | aiskillstore/ | 433 | — | ~1.9k | Automated safety check: Pass | No licence | yesterday |
| 173 | 前端工程师 Skill，执行前端开发任务，自动适配项目技术栈（React/Vue/Svelte/Next.js 等），支持 Figma/Stitch 设计稿还原 | kingxiaozhe/ | 104 | — | ~829 | Automated safety check: Pass | MIT | yesterday |
| 174 | JavaScript bundle size auditor and budget enforcer. An agent skill from LeoYeAI/openclaw-master-skills. | LeoYeAI/ | 2.2k | — | ~4.9k | Automated safety check: Pass | Apache-2.0 | 2 mo ago |
| 175 | React/Next.js component design pattern library. An agent skill from revfactory/harness-100. | revfactory/ | 1.3k | — | ~1.5k | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 176 | Vercel React Best Practices workflow skill. An agent skill from diegosouzapw/awesome-omni-skills. | diegosouzapw/ | 159 | — | ~3.5k | Automated safety check: Pass | MIT | 3 mo ago |
| 177 | 177.Prism Stack A skill your agent uses when asked for framework-specific best practices, implementation guidelines for React/Vue/Svelte/Next.js, or stack-specific patterns. | jeremylongshore/ | 2.8k | — | ~583 | Automated safety check: Notes | MIT | yesterday |
| 178 | Initialize shadcn/ui + Tailwind CSS v4 in Vite projects (Vite-specific, not Next.js/Remix). | IgorWarzocha/ | 122 | — | ~1.3k | Automated safety check: Pass | No licence | 8 mo ago |
| 179 | IMPORTANT: Any change to React or Next.js code must read through this skill first. | benchflow-ai/ | 1.8k | — | ~1.3k | Automated safety check: Pass | MIT | 2 mo ago |
| 180 | 180.Aceternity UI 100+ animated React components (Aceternity UI) for Next.js with Tailwind. | secondsky/ | 227 | — | ~4.7k | Automated safety check: Pass | MIT | 13 days ago |
| 181 | Framework integration for Cloudflare Workers. An agent skill from secondsky/claude-skills. | secondsky/ | 227 | — | ~1.4k | Automated safety check: Pass | MIT | 13 days ago |
| 182 | 182.Design A skill your agent uses when designing or refreshing a web UI or landing page — visual concept, type/color/spacing/motion tokens, composition, rescuing a UI that reads AI-generic, or a graded design… | ericrisco/ | 180 | — | ~6.6k | Automated safety check: Pass | MIT | yesterday |
| 183 | 183.Nextjs A skill your agent uses when building, reviewing, testing, securing, or optimizing a Next.js App Router app: Server vs Client boundaries, use server actions, route handlers, the v15 vs v16 use cache… | ericrisco/ | 180 | — | ~5.1k | Automated safety check: Pass | MIT | yesterday |
| 184 | A skill your agent uses when reviewing or changing a React, Next.js, Tailwind, or shadcn interface and you need evidence-backed findings for accessibility, hierarchy, tokens, states, and responsive… | hashgraph-online/ | 1.3k | — | ~560 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 185 | 185.UI UX Pro Max UI/UX 设计智能，在设计页面时必须使用 | Prorise-cool/ | 306 | — | ~1.5k | Automated safety check: Notes | No licence | 25 days ago |
| 186 | Framework wiring for the React v7 UI Kit across Vite, Create React App, Next.js, React Router (incl. | cometchat/ | 132 | — | ~1.2k | Automated safety check: Notes | MIT | 6 days ago |
| 187 | 187.Nextjs A skill your agent uses when building Next.js App Router pages, server and client components, fetching data in server components, configuring layouts and middleware, handling routing patterns… | kid-sid/ | 190 | — | ~2.8k | Automated safety check: Pass | MIT | 2 mo ago |
| 188 | フロントエンド観点のレビューエージェント. An agent skill from hashgraph-online/awesome-codex-plugins. | hashgraph-online/ | 1.3k | — | ~2.2k | Automated safety check: Pass | MIT | yesterday |
| 189 | 189.Common UI Design Design distinctive, production-grade frontend UI with bold aesthetic choices. | HoangNguyen0403/ | 572 | — | ~849 | Automated safety check: Pass | MIT | yesterday |
| 190 | Structure Next.js projects with Feature-Sliced Design layers, domain-grouped slices, and strict import hierarchy. | HoangNguyen0403/ | 572 | — | ~1k | Automated safety check: Pass | MIT | yesterday |
| 191 | Optimize images, fonts, scripts, and metadata for Next.js performance and Core Web Vitals. | HoangNguyen0403/ | 572 | — | ~533 | Automated safety check: Pass | MIT | yesterday |
| 192 | Apply best practices for managing URL, server, and client state in Next.js applications. | HoangNguyen0403/ | 572 | — | ~603 | Automated safety check: Pass | MIT | yesterday |
