搜索「X Articles」的结果

io.github.rohitg00/awesome-claude-code-toolkit/nextjs-mastery

Next.js 14+ App Router 模式，包括 RSC、ISR、中间件、并行路由与数据获取

io.github.rohitg00/awesome-claude-code-toolkit/frontend-excellence

现代前端模式，涵盖 React Server Components、性能优化与 Core Web Vitals

io.github.github/awesome-copilot/penpot-uiux-design

使用 MCP 工具在 Penpot 中创建专业 UI/UX 设计的完整指南。适用场景：(1) 为 Web、移动或桌面应用创建新的 UI/UX 设计；(2) 构建含组件与设计令牌的设计系统；(3) 设计仪表盘、表单、导航或落地页；(4) 应用无障碍标准与最佳实践；(5) 遵循平台规范（iOS、Android、Material Design）；(6) 评审或改进现有 Penpot 设计的可用性。触发语包括"design a UI"、"create interface"、"build layout"、"design dashboard"、"create form"、"design landing page"、"make it accessible"、"design system"、"component library"。

io.github.alibaba/spring-ai-alibaba/pdf-extractor

从 PDF 文档提取文本、表格与表单数据以供分析与处理。当用户要求提取、解析或分析 PDF 文件时使用。

io.github.davila7/claude-code-templates/ui-ux-pro-max

UI/UX 设计智能库：50 种风格、21 套色板、50 组字体搭配、20 种图表、9 种技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui）。动作：规划、构建、创建、设计、实现、审查、修复、优化、增强、重构、检查 UI/UX 代码。项目类型：网站、落地页、仪表盘、后台管理、电商、SaaS、作品集、博客、移动应用、.html、.tsx、.vue、.svelte。元素：按钮、弹窗、导航栏、侧边栏、卡片、表格、表单、图表。风格：玻璃拟态、黏土拟态、极简、粗野主义、新拟态、便当格、暗色模式、响应式、拟物、扁平。主题：色板、无障碍、动效、布局、排版、字体搭配、间距、hover、阴影、渐变。集成：通过 shadcn/ui MCP 检索组件与示例。

io.github.davila7/claude-code-templates/nestjs-expert

Nest.js 框架专家，擅长模块架构、依赖注入、中间件、守卫、拦截器、基于 Jest/Supertest 的测试、TypeORM/Mongoose 集成与 Passport.js 认证。对任何 Nest.js 问题（架构决策、测试策略、性能优化、复杂依赖注入调试）主动使用。若另有更合适的专项专家，会建议切换并停止。

io.github.davila7/claude-code-templates/codex-review

专业级代码审查，自动生成 CHANGELOG，并集成 Codex AI。

io.github.davila7/claude-code-templates/browser-extension-builder

解决真实问题的浏览器扩展开发专家，覆盖 Chrome、Firefox 与跨浏览器扩展。内容包括扩展架构、manifest v3、内容脚本、弹窗 UI、变现策略以及 Chrome 应用商店发布。触发场景：浏览器扩展、chrome 扩展、firefox 插件、扩展、manifest v3。

io.github.davila7/claude-code-templates/docker-expert

Docker 容器化专家，精通多阶段构建、镜像优化、容器安全、Docker Compose 编排与生产部署模式。对 Dockerfile 优化、容器问题、镜像体积、安全加固、网络与编排难题主动使用。

io.github.davila7/claude-code-templates/typescript-expert

TypeScript 与 JavaScript 专家，深谙类型级编程、性能优化、monorepo 管理、迁移策略与现代工具链。对任何 TS/JS 问题（包括复杂类型体操、构建性能、调试与架构决策）主动使用。若另有更合适的专项专家，会建议切换并停止。

io.github.davila7/claude-code-templates/nextjs-supabase-auth

Supabase Auth 与 Next.js App Router 的专家级集成。触发场景：supabase auth next、Next.js 认证、Supabase 登录、认证中间件、受保护路由。

io.github.davila7/claude-code-templates/nextjs-best-practices

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

io.github.davila7/claude-code-templates/codex

当用户要求运行 Codex CLI（codex exec、codex resume），或提到用 OpenAI Codex 做代码分析、重构与自动化编辑时使用。默认使用 GPT-5.2 以获得当前最强的软件工程能力。

io.github.react/react/fix

在存在 lint 错误、格式问题，或需要在提交前确保代码通过 CI 时使用。

io.github.react/react/extract-errors

在为 React 新增错误消息，或出现 unknown error code 警告时使用。

io.github.Mindrally/skills/nextjs-react-typescript

精通 TypeScript、Node.js、Next.js App Router、React、Shadcn UI、Radix UI 与 Tailwind。

io.github.Mindrally/skills/nextjs-react-redux-typescript-cursor-rules

全面的 Next.js、React、Redux 与 TypeScript 开发指南，涵盖 SOLID 原则、组件架构与最佳实践。

io.github.Mindrally/skills/nextjs-typescript-tailwindcss-supabase

使用 TypeScript、TailwindCSS 与 Supabase 进行 Next.js 14 全栈开发，构建生产级 Web 应用。

io.github.yamadashy/repomix/browser-extension-developer

在 `browser/` 目录下开发或维护浏览器扩展代码时使用本技能，包括 Chrome/Firefox/Edge 兼容性、内容脚本、后台脚本或 i18n 更新。

io.github.kennyzir/7deer_skills/nextjs-seo-booster

面向 Next.js 应用的完整 SEO 工具箱，包括结构化数据（Schema.org）、动态站点地图生成与 meta 标签。

io.github.kennyzir/7deer_skills/nextjs-seo-foundations

Next.js 14 应用的生产级 SEO 工程化规范 (Metadata, Schema, Performance)

io.github.omer-metin/skills-for-antigravity/nextjs-app-router

Next.js 13+ App Router 架构的专家级知识。当提及 "next.js app router, server component, client component, use client, use server, server action, next 13, next 14, next 15, app directory, nextjs, next, react, app-router, rsc, server-components, ssr" 时使用。

io.github.omer-metin/skills-for-antigravity/nextjs-supabase-auth

Supabase Auth 与 Next.js App Router 的专家级集成方案。当提及 "supabase auth next, authentication next.js, login supabase, auth middleware, protected route, auth callback, session management, authentication, auth, supabase, nextjs, middleware, session" 时使用。

io.github.aiskillstore/marketplace/nextjs-devtools

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