Search
Next.js
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 529 | 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 |
| 530 | 530.Animate Expo Build animations for Expo and React Native only, using Reanimated, Gesture Handler, Expo Router, and expo-haptics. | Asymmetric-al/ | 381 | — | ~5.7k | Automated safety check: Pass | AGPL-3.0 | yesterday |
| 531 | 531.Cache Components Build correct cached/dynamic boundaries in the Next.js App Router when Cache Components or PPR are enabled. | Asymmetric-al/ | 381 | — | ~1k | Automated safety check: Pass | AGPL-3.0 | yesterday |
| 532 | 532.Inngest Setup A skill your agent uses when adding durable execution to a TypeScript project — building retry-safe webhook handlers, background jobs that survive crashes, scheduled tasks, or long-running workflows… | Asymmetric-al/ | 381 | — | ~3.3k | Automated safety check: Notes | AGPL-3.0 | yesterday |
| 533 | Ensure correct Next.js App Router architecture, rendering strategy, and data fetching. | Asymmetric-al/ | 381 | — | ~787 | Automated safety check: Pass | AGPL-3.0 | yesterday |
| 534 | Scaffolds a Better Auth setup in a Next.js (App Router) + Drizzle project — lib/auth.ts, lib/auth-client.ts, the /api/auth/[...all] route handler, middleware.ts, .env.example, and a permissions… | pproenca/ | 215 | — | ~1.6k | Automated safety check: Notes | MIT | 1 mo ago |
| 535 | Inngest event-driven functions in a Next.js (App Router) project — creating the client, the /api/inngest route handler, typed events with Zod schemas, durable event-triggered functions, scheduled… | pproenca/ | 215 | — | ~1.4k | Automated safety check: Notes | MIT | 1 mo ago |
| 536 | 536.Nuqs Scaffolder Scaffolds URL-state filters for a Next.js page — typed searchParams.ts parser map and a <Filters / client component backed by useQueryStates. | pproenca/ | 215 | — | ~1.8k | Automated safety check: Pass | MIT | 1 mo ago |
| 537 | 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 |
| 538 | 538.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 |
| 539 | Local opennext documentation reference (latest). An agent skill from olorehq/olore. | olorehq/ | 104 | — | ~825 | Automated safety check: Pass | MIT | yesterday |
| 540 | Local PartyKit documentation reference (latest). An agent skill from olorehq/olore. | olorehq/ | 104 | — | ~983 | Automated safety check: Pass | MIT | yesterday |
| 541 | Local tRPC documentation reference (latest). An agent skill from olorehq/olore. | olorehq/ | 104 | — | ~1k | Automated safety check: Pass | MIT | yesterday |
| 542 | 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 |
| 543 | 543.Vercel Deploy and configure applications on Vercel. An agent skill from hoodini/ai-agents-skills. | hoodini/ | 282 | — | ~1.1k | Automated safety check: Notes | No licence | 3 mo ago |
| 544 | 544.Clerk Clerk authentication router. An agent skill from vvedantb/eva. | vvedantb/ | 101 | — | ~510 | Automated safety check: Pass | MIT | yesterday |
| 545 | 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 |
| 546 | Expert debugger for Next.js + Cloudflare Workers + Supabase stacks. | curiositech/ | 244 | — | ~3.7k | Automated safety check: Notes | MIT | 1 mo ago |
| 547 | 547.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 |
| 548 | Framework integration for Cloudflare Workers. An agent skill from secondsky/claude-skills. | secondsky/ | 227 | — | ~1.4k | Automated safety check: Pass | MIT | 13 days ago |
| 549 | 549.Typescript Rules TypeScript/JavaScript coding rules: style, patterns, security, testing. | softspark/ | 179 | — | ~2.7k | Automated safety check: Notes | Apache-2.0 | 3 days ago |
| 550 | 550.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 | 2 days ago |
| 551 | 551.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 | 2 days ago |
| 552 | 552.Supabase Nextjs Next.js with Supabase and Drizzle ORM | alinaqi/ | 707 | — | ~4.3k | Automated safety check: Notes | MIT | 17 days ago |
| 553 | 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 |
| 554 | Starting point for any Dodo Payments integration, covering Merchant of Record basics, SDK installation and client setup, test and live environments, API keys, and the canonical checkout-to-webhook… | hashgraph-online/ | 1.3k | — | ~3.6k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 555 | 555.UI UX Pro Max UI/UX 设计智能，在设计页面时必须使用 | Prorise-cool/ | 306 | — | ~1.5k | Automated safety check: Notes | No licence | 25 days ago |
| 556 | 556.Adding Analytics Add PostHog analytics to a web application, including event tracking, page views, feature flags, and session replay. | spencerpauly/ | 844 | — | ~670 | Automated safety check: Notes | CC0-1.0 | 2 mo ago |
| 557 | Add Sentry error tracking, performance monitoring, and source maps to a web application. | spencerpauly/ | 844 | — | ~504 | Automated safety check: Pass | CC0-1.0 | 2 mo ago |
| 558 | Add Stripe payment processing to Next.js projects. An agent skill from Microck/ordinary-claude-skills. | Microck/ | 404 | — | ~2.7k | Automated safety check: Notes | Unknown | 1 mo ago |
| 559 | 559.Web Frameworks Build modern full-stack web applications with Next.js (App Router, Server Components, RSC, PPR, SSR, SSG, ISR), Turborepo (monorepo management, task pipelines, remote caching, parallel execution)… | Microck/ | 404 | — | ~2.3k | Automated safety check: Pass | MIT | 1 mo ago |
| 560 | 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 |
| 561 | 561.Chatkit Widget A skill your agent uses when integrating OpenAI/ChatKit chat widgets into Next.js/React applications. | aiskillstore/ | 433 | — | ~4.6k | Automated safety check: Pass | No licence | yesterday |
| 562 | 562.Nextjs Devtools Next.js development tooling via MCP. An agent skill from aiskillstore/marketplace. | aiskillstore/ | 433 | — | ~568 | Automated safety check: Pass | No licence | yesterday |
| 563 | 563.Vercel Deploy A skill your agent uses when deploying Next.js applications to Vercel. | aiskillstore/ | 433 | — | ~2.9k | Automated safety check: Notes | No licence | yesterday |
| 564 | 564.No Code App A skill your agent uses when building an app on a no-code/low-code platform (Bubble, Softr, Glide over Airtable or Xano) — picking the platform, modeling the data, keeping usage-metered cost… | ericrisco/ | 180 | — | ~2.8k | Automated safety check: Pass | MIT | 2 days ago |
| 565 | 565.Deploy Agent Multi-step deployment agent for full-stack apps. An agent skill from sundial-org/awesome-openclaw-skills. | sundial-org/ | 663 | — | ~1.6k | Automated safety check: Pass | No licence | 7 mo ago |
| 566 | 566.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 |
| 567 | HTTP security header auditor that fetches response headers from any URL and grades them against OWASP, Mozilla Observatory, and Google standards. | LeoYeAI/ | 2.2k | — | ~6.2k | Automated safety check: Pass | Apache-2.0 | 2 mo ago |
| 568 | 568.Inngest Realtime A skill your agent uses when streaming durable workflow updates to a UI in real time — live order status pages that animate as steps complete, AI agent token streaming from a function to the… | Asymmetric-al/ | 381 | — | ~5.3k | Automated safety check: Notes | AGPL-3.0 | yesterday |
| 569 | フロントエンド観点のレビューエージェント. An agent skill from hashgraph-online/awesome-codex-plugins. | hashgraph-online/ | 1.3k | — | ~2.2k | Automated safety check: Pass | MIT | yesterday |
| 570 | Runs a full dead-end page audit for any website. An agent skill from Infrasity-Labs/dev-gtm-claude-skills. | Infrasity-Labs/ | 136 | — | ~6.1k | Automated safety check: Pass | MIT | 3 mo ago |
| 571 | 571.Fullstack Dev Full-stack backend architecture and frontend-backend integration guide. | infometa/ | 348 | — | ~1k | Automated safety check: Pass | MIT | 2 days ago |
| 572 | 572.Common UI Design Design distinctive, production-grade frontend UI with bold aesthetic choices. | HoangNguyen0403/ | 572 | — | ~849 | Automated safety check: Pass | MIT | 2 days ago |
| 573 | Structure Next.js projects with Feature-Sliced Design layers, domain-grouped slices, and strict import hierarchy. | HoangNguyen0403/ | 572 | — | ~1k | Automated safety check: Pass | MIT | 2 days ago |
| 574 | 574.Nextjs Caching Configure Next.js cache layers, invalidation, and cache-component APIs. | HoangNguyen0403/ | 572 | — | ~702 | Automated safety check: Pass | MIT | 2 days ago |
| 575 | Build secure, reusable data access patterns with DTOs, taint checks, and colocated authorization in Next.js. | HoangNguyen0403/ | 572 | — | ~575 | Automated safety check: Pass | MIT | 2 days ago |
| 576 | Optimize images, fonts, scripts, and metadata for Next.js performance and Core Web Vitals. | HoangNguyen0403/ | 572 | — | ~533 | Automated safety check: Pass | MIT | 2 days ago |
