“X Articles” 共 1,024 个结果
io.github.Arize-ai/phoenix/phoenix-frontend
Phoenix AI 可观测性平台的前端开发准则。在 app/ 目录编写、审查或修改 React 组件、TypeScript 代码、样式或 UI 功能时使用。任何前端任务都会触发——新组件、UI 变更、样式、无障碍修复、表单处理或组件重构。用户询问本项目前端约定或组件模式时也使用。设计系统规则（错误展示、布局、对话框、令牌）请改用 phoenix-design 技能。
io.github.infection/infection/docker-sandbox
维护 Infection 的 Docker Sandbox 镜像与 sbx 模板。当需要添加、移除或升级沙箱工具，更改 PHP 沙箱镜像，更新 Codex 沙箱遥测，重建或加载 codex-infection 沙箱，或排查 devTools/sbx 镜像与测试失败时使用
io.github.pproenca/dot-skills/nextjs-ppr-patterns
Next.js 16 App Router 页面混合静态与动态内容——Cache Components 模型下的 Partial Prerendering（PPR）。涵盖：用 cacheComponents 启用 PPR（已移除的 experimental.ppr / experimental_ppr 标志）、默认动态的渲染模型反转、Suspense 的静态外壳/动态空洞边界、'use cache' 指令（自动键、cacheLife/cacheTag、children/action 透传、运行时值作 props、无服务器环境的持久性）、异步运行时 API 与 connection() 制造非确定性、页面组合（从单个空洞到并行仪表盘，再到用 use() 把 Promise 流式传入 Client Component），以及表单/向导中用 updateTag 实现读己之写并保持 Activity 状态。触发词：PPR、cacheComponents、'use cache'、Suspense 流式渲染、部分预渲染或静态外壳工作——即使未明确点名。
io.github.pproenca/dot-skills/nextjs-bundle-optimizer
Next.js 16 包体积与构建时长优化——运行数据驱动的迭代循环：测量基线 → 分析最大占用项 → 应用一个优化配方 → 重新测量 → 验证一切未被破坏（构建 + 类型 + 测试 + 无回退）→ 提交或回滚。面向默认启用 Turbopack 的 Next.js 16，项目尚未迁移时回退到 webpack 模式工具链。触发语句如“First Load JS is huge”“bundle size”“build takes too long”“page is slow to TTI”“reduce bundle”“tree-shake”，或用户贴出 `next experimental-analyze` / `@next/bundle-analyzer` 的输出时——即便没有明说“优化”。
io.github.Arize-ai/phoenix/phoenix-typescript
Phoenix monorepo 中任何 TypeScript 代码的规范与模式——包括 js/packages/、app/ 及其他 TS 目录。只要编写、审查或修改 TypeScript 代码（新函数、类型、导出、测试或重构）就使用本技能。当用户询问本项目的 TS 模式、命名约定或最佳实践时也触发。
io.github.asmyshlyaev177/state-in-url/nextjs-ssr
在 Next.js App Router 中使用 SSR 安全的 useUrlState。从服务端页面转发 searchParams（在 Next.js 15+ 中 await 该 Promise），在纯客户端组件中调用 useSearchParams()，在 useHistory true/false 之间取舍，并使用 Proxy（前身是中间件）向服务端布局暴露查询参数。仅支持 App Router——不支持 Pages Router。在使用 state-in-url/next 或任何需要首屏 URL 状态正确的场景下加载此技能。
io.github.shadcn-ui/ui/migrate-radix-to-base
把 React 工程及组件从 Radix UI 迁移到 Base UI。当被要求从 radix 迁移、转用 base-ui、转换 radix 原语，或替换 shadcn 项目的底层组件库时使用。既支持单组件（“migrate accordion”）也支持整项目迁移。
io.github.abhigyanpatwari/GitNexus/gitnexus-pdg-query
在查询或扩展 GitNexus 的 PDG 控制/数据依赖接口（`pdg_query` MCP 工具、CDG/REACHING_DEF 边），或推理“什么控制 X”/“Y 流向哪里”/guard 子句时使用。示例：“这条语句的 guard 是什么？”“在函数内追踪这个变量”“为什么 pdg_query 结果为空？”“添加一个 CDG 查询”。
io.github.abhigyanpatwari/GitNexus/gitnexus-cli
当用户需要运行 GitNexus CLI 命令时使用，例如 analyze/index 仓库、查看状态、清理索引、生成 wiki 或列出已索引仓库。示例：“Index this repo”“Reanalyze the codebase”“Generate a wiki”。
io.github.abhigyanpatwari/GitNexus/gitnexus-guide
当用户询问 GitNexus 本身——可用工具、如何查询知识图谱、MCP 资源、图 schema 或工作流参考——时使用。示例：“有哪些 GitNexus 工具？”“我该怎么用 GitNexus？”
io.github.abhigyanpatwari/GitNexus/gitnexus-refactoring
使用影响半径（blast radius）与依赖映射规划安全的重构。
vdevelop
io.github.Asymmetric-al/core/nextjs
使用 App Router、Server Components/Actions、Cache Components（"use cache"）与异步路由参数构建 Next.js 16 应用，包含 proxy.ts 与 React 19.2，防止 25 项已知错误。 使用场景：构建 Next.js 16 项目，或排查异步 params（Promise 类型）、"use cache" 指令、并行路由 404、Turbopack 问题、i18n 缓存与导航节流。
io.github.PostHog/posthog/exploring-apm-traces
通过 MCP 使用 PostHog APM（OpenTelemetry span）数据调查分布式应用性能。当用户询问服务链路、缓慢的 HTTP/数据库 span、错误 span、错误率趋势或尖峰、延迟分布、trace ID 或 span 属性时使用——不适用于 AI 可观测性追踪或产品日志。使用 posthog:query-apm-spans、posthog:apm-trace-get、posthog:apm-spans-sparkline、posthog:apm-services-list、posthog:apm-attributes-list 与 posthog:apm-attribute-values-list。
io.github.sickn33/antigravity-awesome-skills/design-ux
UX/可用性审计——针对可交互 UI 的启发式评估（不只是视觉打磨）。当某个 UI“感觉不对”“用起来难受”、学习成本高、需要一堵说明墙，或在交付交互工具/编辑器/应用前，与 design 一同加载。
io.github.sickn33/antigravity-awesome-skills/expo-deployment
使用 EAS 将 Expo 应用部署到生产环境——构建并提交到 iOS App Store、Google Play Store 与 TestFlight，配置 eas.json 的 build 与 submit profile，管理应用版本与构建号，发布 App Store 元数据与 ASO，并通过 EAS 部署 Web bundle 与 API 路由等。
io.github.nexu-io/open-design/brand-extract
通过驱动内置浏览器从实站提取完整品牌套件。当品牌提取项目带着浏览器标签中的站点打开，或用户要求「提取品牌」「拉取 <url> 的品牌」「从这个站点获取配色/字体/Logo」，或基于参考网站构建品牌/设计系统时使用。与 agent-browser 工具配合测量，并在反爬墙拦截页面时暂停等待用户处理。
io.github.imbhargav5/nextbase-nextjs-supabase-starter/nextjs-cache-components
面向 Next.js 16 应用的代码生成与转换，使用 Cache Components（PPR）。当用户请求在项目或页面级别“转换为使用 cacheComponents”、创建带正确缓存指令的新 Next.js 页面/组件、将页面拆分为缓存与动态部分并配合 Suspense 边界、或使用 Next.js 16 新缓存模型（包括 use cache、cacheLife、Suspense 以及对缓存友好的匿名 Supabase 客户端数据获取）时使用。
io.github.coder/mux/mobile-dev-server-sandbox
将 Mux 移动端（Expo web/native）连接到隔离的开发服务器沙箱，具备确定性端口设置、后端配对与 Chrome MCP 交互。在针对沙箱化 Mux 后端实现或验证移动端功能时使用
io.github.novuhq/novu/inbox-integration
把 Novu 的应用内通知收件箱集成进 Web 应用。支持 React、Next.js 与原生 JavaScript。包括 Inbox 组件（铃铛图标+通知流）、可组合组件（Bell、Notifications、InboxContent、Preferences）、headless hooks、品牌主题、自定义 render props、基于 context 的多租户、标签页、本地化与 HMAC 安全。当需要添加应用内通知中心、铃铛图标、通知流、实时通知更新，或构建个性化且带品牌的通知体验时使用。
io.github.irahardianto/awesome-agv/nextjs-idioms
Next.js App Router、RSC、Server Actions、ISR。React 相关内容见 react-idioms，TypeScript 相关内容见 typescript-idioms。
io.github.garrytan/gstack/codex
对 OpenAI Codex CLI 的封装——三种模式。（gstack）
io.github.majiayu000/claude-skill-registry/nextjs-api-routes
在 Next.js App Router 中使用 Route Handlers 构建 API 端点时应用。
io.github.majiayu000/claude-skill-registry/nextjs-api-development
基于 Next.js 15 App Router 的 REST API 开发。双认证（API Key + Session）、动态实体、元数据系统。在创建端点、校验 API 或理解 API 模式时使用此技能。
io.github.pdsuwwz/nextjs-nextra-starter/nextjs-nextra-starter-distill-zh
蒸馏并应用当前仓库的 Next.js Nextra 启动模板架构、已实现功能、二次开发扩展点与迁移模式。适用于理解本项目、继续二次开发、修改 docs/landing/i18n/theme/auth/UI 行为，或把这些 Next.js 16 + Nextra 4 + Tailwind CSS 4 模式复用到其他项目。
