Next.js 优化
vdevelop
io.github.HoangNguyen0403/agent-skills-standard/nextjs-optimization
为 Next.js 性能与 Core Web Vitals 优化图片、字体、脚本与元数据。用于配置 next/image 改善 LCP、用 next/font 消除布局偏移、设置 next/script 加载策略,或用 generateMetadata 做 SEO。
“Seo” 共 61 个结果
vdevelop
io.github.HoangNguyen0403/agent-skills-standard/nextjs-optimization
为 Next.js 性能与 Core Web Vitals 优化图片、字体、脚本与元数据。用于配置 next/image 改善 LCP、用 next/font 消除布局偏移、设置 next/script 加载策略,或用 generateMetadata 做 SEO。
io.github.compozy/compozy/writing-tech-post
端到端完成工程博客写作:发布深度解读、故障复盘、架构迁移、性能案例、教程、AI/agent 系统记录、安全披露,以及从研究到产品的转化文章。选对文章原型、规划抽象阶梯、遵循证据节奏(图示、基准测试、profile、trace、代码、消融实验),按 Datadog、Vercel、GitHub、AWS、Meta、Cloudflare、Jane Street 等发布方的行文风格校准语气,并在发布前用叙事推进与披露伦理两道门禁检查。在起草新的工程文章、重构成色平淡的初稿、判断某种证据该放在何处、校验技术深度与产品背景是否均衡,或为对外发布准备故障复盘、迁移、性能叙述时使用。不用于 API 参考文档、README、营销文案、release notes、泛 SEO 内容、代笔高管观点文章,以及非工程类长文。
io.github.sickn33/antigravity-awesome-skills/codebase-to-wordpress-converter
把任意代码库(React/HTML/Next.js)转换为像素级还原、SEO 友好且动态化的 WordPress 主题的专家技能。
io.github.zebbern/claude-code-guide/nextjs-developer
在用 App Router、server components 或 server actions 构建 Next.js 14+ 应用时使用。适用于全栈特性、性能优化、SEO 实现与生产部署。
io.github.thedaviddias/Front-End-Checklist/interstitials
适用于 modal、遮罩层、弹窗、cookie 横幅、订阅对话框和促销浮层等 CSS 与 JS 实现。检查 position: fixed、带大 z-index 的 position: absolute、背景遮罩,以及在页面加载后立刻或稍后显示弹窗的 JavaScript。同时考虑 SEO(Google)与可访问性(WCAG 焦点管理)影响。
io.github.davila7/claude-code-templates/building-blog
Use when adding a blog to a Next.js + Sanity site, building a blog section from scratch, integrating Sanity CMS for editorial content, or setting up an SEO-optimized article surface. Triggers on phrases like 'add a blog', 'build the blog', 'create blog section', 'set up blog with Sanity', 'integrate Sanity CMS', 'blog architecture', or any new-blog scoping conversation on a Next.js project.
io.github.TanStack/router/deployment
部署到 Cloudflare Workers、Netlify、Vercel、Node.js/Docker、Bun、Railway。选择性 SSR(按路由的 ssr 选项)、SPA 模式、静态预渲染、带 Cache-Control 头的 ISR,以及 SEO 与 head 管理。
io.github.Jeffallan/claude-skills/nextjs-developer
使用 App Router、server components 或 server actions 构建 Next.js 14+ 应用时使用。用于配置 route handler、实现 middleware、搭建 API 路由、添加流式 SSR、为 SEO 编写 generateMetadata、脚手架 loading.tsx/error.tsx 边界,或部署到 Vercel。触发词:Next.js、Next.js 14、App Router、RSC、use server、Server Components、Server Actions、React Server Components、generateMetadata、loading.tsx、Next.js 部署、Vercel、Next.js 性能。
io.github.sickn33/antigravity-awesome-skills/codebase-to-wordpress-converter
把任意代码库(React/HTML/Next.js)转换为像素级还原、SEO 友好且动态化的 WordPress 主题的专家技能。
io.github.kostja94/marketing-skills/mobile-friendly
当用户希望为移动优先索引做优化或修复移动可用性问题时使用。也在用户提到“mobile-friendly”“mobile-first indexing”“mobile SEO”“responsive design”“mobile adaptation”“mobile viewport”“viewport meta”“touch targets”“font size mobile”“AMP”或“Accelerated Mobile Pages”时使用。viewport meta 相关请使用 page-metadata。
io.github.NeverSight/learn-skills.dev/nextjs-developer
资深 Next.js 开发者,专精 Next.js 14+、App Router、Server Components 与现代 React 模式。擅长构建高性能、SEO 优化的全栈 Web 应用,善用 server actions 与最新 Next.js 特性。
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 友好的应用。