Search
Frontend & Design · Next.js
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 193 | 193.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 | 2 days ago |
| 194 | Implement Pages Router data fetching with getServerSideProps, getStaticProps, and API routes in Next.js legacy projects. | HoangNguyen0403/ | 572 | — | ~737 | Automated safety check: Pass | MIT | 2 days ago |
| 195 | 195.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 | 2 days ago |
| 196 | 196.Docs Lookup 通过 Context7 MCP 获取库和框架的实时最新文档，而非依赖训练数据，防止 API 幻觉。适用于查询任何库或框架的用法、配置、示例代码。触发词：怎么用、怎么配置、API参考、文档、示例代码、用法、接口、库文档、框架文档、documentation、docs、how to use、API… | ProgrammerAnthony/ | 235 | — | ~640 | Automated safety check: Pass | MIT | 5 mo ago |
| 197 | React、Next.js、状态管理（State Management）、性能优化（Performance Optimization）及 UI 最佳实践的前端开发模式。 | xu-xiang/ | 2k | — | ~3.6k | Automated safety check: Pass | MIT | 7 mo ago |
| 198 | 适用于 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 |
| 199 | 针对 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 |
| 200 | 200.Data Viz 2025 State-of-the-art data visualization for React/Next.js/TypeScript with Tailwind CSS. | curiositech/ | 244 | — | ~4.3k | Automated safety check: Notes | MIT | 1 mo ago |
| 201 | Build Next.js 16 applications with correct patterns and distinctive design. | aiskillstore/ | 433 | — | ~1.9k | Automated safety check: Pass | No licence | yesterday |
| 202 | 前端工程师 Skill，执行前端开发任务，自动适配项目技术栈（React/Vue/Svelte/Next.js 等），支持 Figma/Stitch 设计稿还原 | kingxiaozhe/ | 104 | — | ~829 | Automated safety check: Pass | MIT | yesterday |
| 203 | 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 |
| 204 | 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 |
| 205 | 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 |
| 206 | 206.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 |
| 207 | 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 |
| 208 | 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 |
| 209 | 209.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 |
| 210 | Framework integration for Cloudflare Workers. An agent skill from secondsky/claude-skills. | secondsky/ | 227 | — | ~1.4k | Automated safety check: Pass | MIT | 13 days ago |
| 211 | 211.Typescript Rules TypeScript/JavaScript coding rules: style, patterns, security, testing. | softspark/ | 179 | — | ~2.7k | Automated safety check: Notes | Apache-2.0 | 3 days ago |
| 212 | 212.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 |
| 213 | 213.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 |
| 214 | 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 |
| 215 | 215.UI UX Pro Max UI/UX 设计智能，在设计页面时必须使用 | Prorise-cool/ | 306 | — | ~1.5k | Automated safety check: Notes | No licence | 25 days ago |
| 216 | 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 |
| 217 | 217.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 |
| 218 | フロントエンド観点のレビューエージェント. An agent skill from hashgraph-online/awesome-codex-plugins. | hashgraph-online/ | 1.3k | — | ~2.2k | Automated safety check: Pass | MIT | yesterday |
| 219 | 219.Common UI Design Design distinctive, production-grade frontend UI with bold aesthetic choices. | HoangNguyen0403/ | 572 | — | ~849 | Automated safety check: Pass | MIT | 2 days ago |
| 220 | 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 |
| 221 | 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 |
| 222 | Apply best practices for managing URL, server, and client state in Next.js applications. | HoangNguyen0403/ | 572 | — | ~603 | Automated safety check: Pass | MIT | 2 days ago |
| 223 | Review Dify frontend code for correctness, accessibility, component design, dify-ui usage, data/query boundaries, performance, and tests. | aiskillstore/ | 433 | — | ~1.4k | Automated safety check: Pass | No licence | yesterday |
| 224 | A skill your agent uses when working with Next.js App Router tasks - creating pages in /app/, setting up dynamic routes ([id]/page.tsx), implementing nested layouts/templates (layout.tsx)… | aiskillstore/ | 433 | — | ~2.5k | Automated safety check: Pass | No licence | yesterday |
| 225 | Expert UI/UX and React performance auditor (PinakBot persona). | sundial-org/ | 663 | — | ~651 | Automated safety check: Pass | No licence | 7 mo ago |
