探索 MCP Server 与 Agent Skill

io.github.HoangNguyen0403/agent-skills-standard/nextjs-tooling

配置 Next.js 的构建工具、部署与开发者工作流。用于为 Next.js 项目搭建 Turbopack、standalone Docker 输出、bundle 分析、CI 缓存、环境变量校验或 ESLint 集成。

io.github.HoangNguyen0403/agent-skills-standard/nextjs-testing

为 Next.js 项目编写基于 React Testing Library 的 Jest 或 Vitest 单元测试，以及 Playwright E2E 测试。用于用 RTL 测试组件、用 MSW 模拟 API，或编写 Playwright 用户流程测试。

io.github.HoangNguyen0403/agent-skills-standard/nextjs-styling

在 Next.js 中用 Tailwind、CSS Modules 与 cn() 工具实现零运行时 CSS，样式方案兼容 RSC。用于选择样式库、创建动态 class 工具，或用 next/font 优化字体。

io.github.HoangNguyen0403/agent-skills-standard/nextjs-state-management

在 Next.js 应用中管理 URL、服务端与客户端状态的最佳实践。用于在 URL 参数、SWR/TanStack Query、Zustand 或 Context 之间做状态选型，或修复 localStorage 引起的水合不一致。

io.github.HoangNguyen0403/agent-skills-standard/nextjs-server-actions

为数据变更、表单与乐观 UI 实现安全的 Next.js Server Actions。用于构建 action、表单流程、鉴权检查或写后重新验证。

io.github.HoangNguyen0403/agent-skills-standard/nextjs-security

用中间件认证、Server Action 校验、CSP 头与 Taint API 保护 Next.js App Router。用于添加认证中间件、用 Zod 校验 Server Action 输入，或防止密钥泄露到客户端包。

io.github.HoangNguyen0403/agent-skills-standard/nextjs-rendering

在 Next.js App Router 中选择并实现 SSG、SSR、ISR、流式渲染或部分预渲染（PPR）策略。用于为页面选择渲染模式、配置 generateStaticParams 或启用 PPR。

io.github.HoangNguyen0403/agent-skills-standard/nextjs-pages-router

在 Next.js 遗留项目中用 getServerSideProps、getStaticProps 与 API 路由实现 Pages Router 数据获取。用于 pages/ 目录项目、添加 SSR/SSG 数据获取或创建 API 路由。

io.github.HoangNguyen0403/agent-skills-standard/nextjs-optimization

为 Next.js 性能与 Core Web Vitals 优化图片、字体、脚本与元数据。用于配置 next/image 改善 LCP、用 next/font 消除布局偏移、设置 next/script 加载策略，或用 generateMetadata 做 SEO。

io.github.HoangNguyen0403/agent-skills-standard/nextjs-i18n

跨 App Router 与 Pages Router 的多语言处理、locale 路由与检测策略最佳实践。在 Next.js 中添加 i18n、locale 路由或语言检测时使用。

io.github.HoangNguyen0403/agent-skills-standard/nextjs-data-fetching

在 Next.js 中实现 Fetch API、缓存与再验证（revalidation）策略。用于获取数据、配置缓存行为或在 Next.js 中实现再验证。

io.github.HoangNguyen0403/agent-skills-standard/nextjs-data-access-layer

在 Next.js 中构建安全、可复用的数据访问模式：DTO、污点检查与就近授权。用于集中数据库查询、把原始数据转换为 DTO、添加 server-only 守卫，或防止敏感数据流入客户端组件。

io.github.HoangNguyen0403/agent-skills-standard/nextjs-caching

配置 Next.js 的缓存层、失效策略与 cache-component API。在 Next.js 中选择 `fetch` 缓存、`use cache`、缓存标签或排查陈旧数据时使用。

io.github.HoangNguyen0403/agent-skills-standard/nextjs-authentication

安全的令牌存储（HttpOnly Cookie）与 Middleware 模式。在 Next.js 中实现认证、安全会话存储或认证中间件时使用。

io.github.HoangNguyen0403/agent-skills-standard/nextjs-architecture

以 Feature-Sliced Design 分层、按域分组的切片与严格的导入层级来组织 Next.js 项目。用于将功能划入 FSD 层、强制切片边界，或保持 page.tsx 轻薄。

io.github.HoangNguyen0403/agent-skills-standard/nextjs-app-router

在 Next.js App Router 中配置文件系统路由：嵌套布局、路由组、并行路由与错误边界。用于创建页面路由、添加 loading/error 状态，或用路由组与动态段组织路由。

io.github.HoangNguyen0403/agent-skills-standard/nextjs-server-components

在 Next.js App Router 中构建异步 React Server Components，并把 'use client' 边界放在叶子节点承载交互。用于判定 RSC 与客户端组件的取舍、将服务端数据组合进客户端包装组件，或修复水合（hydration）错误。

io.github.kdlbs/kandev/mobile-parity

确保 UI 功能在桌面与移动端保持一致、响应式行为，并具备移动端 Playwright E2E 覆盖。在实现、规划、审查或测试任何新功能、页面、组件、工作流、表单、对话框、侧边栏、导航、仪表盘或可视化 UI 变更时使用；只要涉及前端或用户可见 UI，即使用户只提到桌面或只说“新功能”，此技能也必须运行。

io.github.langfuse/langfuse/backend-dev-guidelines

面向 Langfuse 的 Next.js、tRPC、BullMQ 与 TypeScript monorepo 的后端共享指南。在创建或审查 tRPC router、公共 REST 接口、BullMQ 队列处理器、后端服务、中间件、Prisma 或 ClickHouse 数据访问、OpenTelemetry 埋点、Zod 校验、环境变量配置，以及 web、worker 或 packages/shared 的后端测试时使用。

io.github.kortix-ai/suna/design-foundations

与产出形态无关的设计指导——适用于 CSS、PowerPoint、matplotlib、PDF 或任意视觉输出。另含一份面向幻灯片、文档与报告（非 Web 资产）的精选命名字体/配色主题目录。

io.github.citypaul/.dotfiles/refactoring

针对具备通过基线与充分保留证据的代码的重构评估与行为保持模式。当用户要求清理、简化或重构选定区域，以及在变异测试或经评审的对等替代证据确立 REFACTOR 步骤信心之后使用。涵盖重构前先提交的纪律、重构何时增值何时应跳过、以及优先级分类。对于选定全路径简化工程中的任何切片——过渡态或终态——以 reduce-system-complexity 为主导技能；适用时重构可作为次要技能。仓库级架构探索用 improve-codebase-architecture；模块契约用 codebase-design。证据不足或新增行为的代码请勿使用。

io.github.BuilderIO/agent-native/design-review-feedback

处理共享 Design 原型上持久化、锚定到元素的评审意见，并以经过验证的编辑闭环。