搜索「X Articles」的结果

io.github.benchflow-ai/skillsbench/python-scala-syntax-mapping

将 Python 语法结构翻译为 Scala 对应写法的参考指南。在把 Python 代码转换为 Scala、需要变量声明、控制流、推导式、字符串格式化和常用运算符等基本语法元素的映射时使用。

io.github.aiskillstore/marketplace/sql-expert

为 Microsoft SQL Server 编写、优化与调试 T-SQL 查询。涵盖 CTE、窗口函数、PIVOT、MERGE、APPLY 操作符、执行计划分析、索引策略与存储过程。在处理 SQL Server、T-SQL 脚本、.sql 文件、存储过程、查询优化或数据库性能调优时使用。

io.github.aiskillstore/marketplace/sql-expert

精通 SQL 查询编写、优化与数据库 schema 设计，支持 PostgreSQL、MySQL、SQLite 与 SQL Server。在处理数据库时使用：(1) 编写含连接、子查询与窗口函数的复杂 SQL 查询，(2) 优化慢查询并分析执行计划，(3) 以恰当规范化设计数据库 schema，(4) 创建索引并提升查询性能，(5) 编写迁移并处理 schema 变更，(6) 调试 SQL 错误与查询问题。

io.github.aiskillstore/marketplace/nextjs-architecture

Next.js 架构专家。在设计 Next.js 应用、迁移到 App Router、实现 Server Components 或优化 Next.js 性能时使用。涵盖 App Router、Server Components 与最佳实践。

io.github.aiskillstore/marketplace/nextjs-devtools

通过 MCP 提供 Next.js 开发工具。检查路由、组件、构建信息并调试 Next.js 应用。 在处理 Next.js 应用、调试路由或检查应用结构时使用。 不适用于通用 React 或非 Next.js 项目。

io.github.aiskillstore/marketplace/nextjs-app-router-patterns

掌握 Next.js 14+ App Router：Server Components、流式渲染、并行路由与高级数据获取。在构建 Next.js 应用、实现 SSR/SSG 或优化 React Server Components 时使用。

io.github.cin12211/orca-q/css-expert

CSS 架构与样式专家，深入掌握现代 CSS 特性、响应式设计、CSS-in-JS 优化、性能、可访问性与设计系统。主动用于 CSS 布局问题、样式架构、响应式设计问题、CSS-in-JS 性能、主题实现、跨浏览器兼容与设计系统开发。若有更合适的专家，将建议切换并停止。

io.github.rmyndharis/antigravity-skills/nextjs-app-router-patterns

掌握 Next.js 14+ App Router：Server Components、流式渲染、并行路由与高级数据获取。在构建 Next.js 应用、实现 SSR/SSG 或优化 React Server Components 时使用。

io.github.blader/Claudeception/nextjs-server-side-error-debugging

调试 getServerSideProps 与 getStaticProps 中的错误。适用场景：(1) 页面显示通用错误但浏览器控制台为空；(2) API 路由返回 500 却无详情；(3) 服务端代码静默失败；(4) 错误只在刷新时出现而客户端导航时没有。应查看终端/服务端日志而非浏览器来获取真实报错信息。

io.github.Gentleman-Programming/Gentleman-Skills/nextjs-15

Next.js 15 App Router 模式。触发场景：进行 Next.js 相关工作——路由、Server Actions、数据获取。

io.github.xenitV1/Antigravity-Workflows/nextjs-best-practices

Next.js App Router 核心原则：Server Components、数据获取与路由模式。

io.github.sugarforever/01coder-agent-skills/nextjs-security-scan

面向 Next.js 与 TypeScript/JavaScript 项目的全面安全漏洞扫描器。检测 OWASP Top 10 漏洞、XSS、注入缺陷、认证问题、硬编码密钥及 Next.js 特有问题。审计依赖中的已知 CVE 并生成可执行的安全报告。

io.github.code-yeongyu/oh-my-openagent/frontend-ui-ux

由设计师转行的开发者,即使没有设计稿也能打造出色的 UI/UX。

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.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.wsimmonds/claude-nextjs-skills/nextjs-anti-patterns

识别并修正 Next.js App Router 常见反模式与错误。在按 Next.js 最佳实践审查代码、调试性能问题、从 Pages Router 模式迁移或规避常见陷阱时使用。代码审查、性能优化或检测不当的 useEffect/useState 用法时会自动激活。重要：浏览器检测逻辑应留在面向用户的组件（或其渲染的组合辅助函数）中，不要隔离到未被使用的文件里。

io.github.wsimmonds/claude-nextjs-skills/nextjs-advanced-routing

Next.js App Router 高级模式指南，包括 Route Handlers、并行路由、拦截路由、Server Actions、错误边界、草稿模式以及配合 Suspense 的流式渲染。对 Server Actions（action.ts、actions.ts 文件、'use server' 指令）、在客户端组件中设置 cookie 和表单处理至关重要。当需求涉及 server actions、表单提交、cookies、数据变更、API 路由、`route.ts`、并行路由、拦截路由或流式渲染时使用。是区分 server actions 与客户端组件的必备指南。

io.github.wsimmonds/claude-nextjs-skills/nextjs-server-client-components

Next.js App Router 中如何权衡选择 Server Components 与 Client Components 的指南。对 useSearchParams（需配合 Suspense 与 'use client'）、导航（Link、redirect、useRouter）、读取 cookies/headers 以及 'use client' 指令至关重要。当提问涉及 useSearchParams、Suspense、导航、路由、Link 组件、redirect、pathname、searchParams、cookies、headers、异步组件或 'use client' 时激活。是避免混用服务端/客户端 API 的必备知识。

io.github.wsimmonds/claude-nextjs-skills/nextjs-dynamic-routes-params

Next.js App Router 动态路由与 pathname 参数指南。适用于构建依赖 URL 片段（ID、slug、嵌套路径）的页面、访问 `params` 属性，或按标识符拉取资源。通过默认采用最简路由结构（例如用 `app/[id]`，除非 URL 确有需要否则不用 `app/products/[id]`）帮助避免过度嵌套。

io.github.wsimmonds/claude-nextjs-skills/nextjs-server-navigation

讲解在 Next.js 服务端组件中用 Link 组件与 redirect() 函数实现导航的指南，说明服务端与客户端导航方式的区别。适用于在 Server Component 中添加链接、重定向或跳转逻辑，而无需不必要地改造成客户端组件。

io.github.wsimmonds/claude-nextjs-skills/nextjs-pathname-id-fetch

在 Next.js 中基于 URL 参数拉取数据的专注模式讲解。涵盖动态路由（[id]、[slug]）的创建，以及在服务端组件中读取路由参数并调用 API 取数。适用于构建按 URL 参数展示单条内容的页面（商品详情、博客文章、用户主页）。与 nextjs-dynamic-routes-params 互补，提供简化后的常见场景写法。

io.github.wsimmonds/claude-nextjs-skills/nextjs-client-cookie-pattern

Next.js 中由客户端组件调用服务端动作来设置 cookie 的模式。讲解双文件写法：负责用户交互（onClick、表单提交）的客户端组件，调用服务端动作去修改 cookie。适用于构建登录鉴权、偏好设置或会话管理等需要由前端触发、在服务端写入/修改 cookie 的功能。