菜单
这个仓库中的 skills
SkillsMP 已收集 lennney/gate-all-skills 中的 54 个 Skill。打开任一 Skill 可查看来源和详情。
lennney/gate-all-skills已展示 14 / 54 个已收集 Skill。
Data fetching patterns for Next.js App Router — Server Components, Server Actions, React Query, and streaming. Use when implementing or reviewing data fetching logic, choosing between RSC and client-side fetching, or designing API routes.
原文语言：英语
End-to-end testing with Playwright in Next.js applications — user flow coverage, component testing, and CI integration. Use when writing E2E tests, debugging flaky tests, or setting up test infrastructure.
原文语言：英语
Frontend error handling patterns for Next.js — error boundaries, API error display, form validation errors, and global error recovery strategies. Use when implementing error states, debugging error UI, or designing error recovery flows.
原文语言：英语
Next.js App Router 布局模式。设计页面结构、路由组织、布局嵌套时加载。
Next.js performance optimization — Core Web Vitals, ISR/SSG strategy, bundle analysis, image optimization, and runtime performance patterns. Use when diagnosing slow pages, optimizing Core Web Vitals, or reviewing production performance.
原文语言：英语
项目初始化。用户要搭新 Next.js 项目时加载。按顺序执行脚手架命令。
SEO 完整检查清单。网站上线前或 SEO 整改后加载。自动逐项检查，只问用户不知道的内容（关键词、网站描述）。
Next.js SEO 完整配置。涵盖 Metadata API、Open Graph、JSON-LD 结构化数据、Sitemap、Robots.txt。新建页面或 SEO 整改时加载。
Create frontend UIs that don't look AI-generated. Use when building new pages or reviewing design output for "AI taste."
原文语言：英语
Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design,…
原文语言：英语
Modernize a React/Vue/Svelte + Tailwind UI to 2026 SaaS-grade design (Linear / Vercel / Stripe / shadcn aesthetic). Supports Next.js, Nuxt 3, SvelteKit, and Vite. Trigger when the user says "modernize this UI", "modernize the UI", "upgrade the design", "make…
原文语言：英语
UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind,…
原文语言：英语
Design React/Next.js component APIs with clear Server/Client boundaries, composable patterns, and proper seam placement. Use when designing new components, refactoring existing ones, or deciding between Server/Client Component boundaries.
原文语言：英语
Tailwind CSS v4 实践。写样式时加载。用 cn()、语义色值、mobile-first 响应式、dark mode。