Next.js 15
io.github.Gentleman-Programming/Gentleman-Skills/nextjs-15
Next.js 15 App Router 模式。触发场景:进行 Next.js 相关工作——路由、Server Actions、数据获取。
“Data Processing” 共 783 个结果
io.github.Gentleman-Programming/Gentleman-Skills/nextjs-15
Next.js 15 App Router 模式。触发场景:进行 Next.js 相关工作——路由、Server Actions、数据获取。
io.github.Significant-Gravitas/AutoGPT/vercel-react-best-practices
来自 Vercel 工程团队的 React 与 Next.js 性能优化准则。在编写、评审或重构 React/Next.js 代码以确保采用最优性能模式时使用。涉及 React 组件、Next.js 页面、数据获取、打包优化或性能提升的任务会触发。
io.github.xenitV1/Antigravity-Workflows/nextjs-best-practices
Next.js App Router 核心原则:Server Components、数据获取与路由模式。
io.github.ChrisWiles/claude-code-showcase/react-ui-patterns
面向加载状态、错误处理与数据获取的现代 React UI 模式。在构建 UI 组件、处理异步数据或管理 UI 状态时使用。
io.github.Microck/ordinary-claude-skills/backend-models-standards
以清晰的命名、恰当的数据类型、约束、关联关系与多层校验定义数据库模型。在创建或修改数据库模型文件、ORM 类、schema 定义或数据模型关系时使用。适用于处理模型文件(如 models.py、models/、ActiveRecord 类、Prisma schema、Sequelize 模型)、定义表结构、设置外键与关联、配置级联行为、实现模型校验、添加时间戳或使用数据库约束(NOT NULL、UNIQUE、外键)。任何涉及数据完整性强制、关联定义或模型级数据校验的任务均适用。
io.github.Microck/ordinary-claude-skills/backend-migration-standards
创建并管理数据库迁移,保证变更可逆、命名规范正确并实现零停机部署策略。在创建迁移文件、修改 schema、增删表/列、管理索引或处理数据迁移时使用。适用于操作迁移文件(如 db/migrate/、migrations/、alembic/、Sequelize 迁移)、schema 变更、数据库版本管理、回滚实现,或需要在部署期间确保向后兼容的场景,以及任何涉及数据库结构变更、创建索引、修改约束或数据转换脚本的任务。
io.github.Microck/ordinary-claude-skills/nextjs-stripe-integration
为 Next.js 项目添加 Stripe 支付处理。实现结账会话、支付处理、订阅、Webhook 与客户管理。在 Next.js 项目接入 Stripe、构建支付流程、实现订阅或集成支付处理时使用。
io.github.blencorp/claude-code-kit/nextjs
Next.js 15+ App Router 开发模式,包括 Server Components、Client Components、数据获取、布局与 server actions。在创建页面、路由、布局、组件、API route handler、server action、加载状态、错误边界,或处理 Next.js 导航与 metadata 时使用。
io.github.MaxMiksa/Auto-Company/agent-browser
面向 AI agent 的浏览器自动化 CLI。当用户需要与网站交互时使用,包括浏览页面、填写表单、点击按钮、截图、提取数据、测试 Web 应用或自动化任何浏览器任务。触发请求如“open a website”“fill out a form”“click a button”“take a screenshot”“scrape data from a page”“test this web app”“login to a site”“automate browser actions”,或任何需要程序化 Web 交互的任务。
io.github.K-Dense-AI/claude-scientific-writer/pdf
PDF 处理工具包。提取文本/表格、创建 PDF、合并/拆分、填写表单,用于程序化文档处理与分析
io.github.korallis/Droidz/nextjs-app-router
采用 App Router 架构、结合 Server Components 与 Client Components 及高级路由模式,构建现代 Next.js 13+ 应用。适用于实现服务端优先渲染、嵌套布局、并行路由、拦截路由、使用 React Server Components、通过异步服务端组件优化数据获取、用 Suspense 实现流式渲染、划分客户端交互边界,或利用 Next.js 13+ app 目录特性打造高性能、SEO 友好的 React 应用。
io.github.korallis/Droidz/nextjs-server-components
使用在服务器端渲染的 Next.js Server Components 构建高效 React 应用,缩减客户端打包体积、提升性能并支持直连数据库。适用于服务端取数、减小 JavaScript 打包体积、在组件内直接访问数据库、借助 Suspense 实现流式渲染、创建只渲染一次的布局、优化 Core Web Vitals,或以服务端优先架构构建对 SEO 友好的应用。
io.github.diet103/claude-code-infrastructure-showcase/frontend-dev-guidelines
React/TypeScript 应用的前端开发准则。包含 Suspense、懒加载、useSuspenseQuery、按 features 目录组织文件、MUI v7 样式、TanStack Router、性能优化与 TypeScript 最佳实践等现代模式。在创建组件、页面、功能模块、拉取数据、写样式、路由或处理前端代码时使用。
io.github.wsimmonds/claude-nextjs-skills/nextjs-pathname-id-fetch
在 Next.js 中基于 URL 参数拉取数据的专注模式讲解。涵盖动态路由([id]、[slug])的创建,以及在服务端组件中读取路由参数并调用 API 取数。适用于构建按 URL 参数展示单条内容的页面(商品详情、博客文章、用户主页)。与 nextjs-dynamic-routes-params 互补,提供简化后的常见场景写法。
io.github.dtyq/magic/vercel-react-best-practices
来自 Vercel 工程团队的 React 与 Next.js 性能优化准则。在编写、审查或重构 React/Next.js 代码以确保最优性能模式时使用。涉及 React 组件、Next.js 页面、数据获取、包体积优化或性能提升的任务会触发。