lennney/gate-all-skills - Página 2

data-fetching

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.

Idioma do texto original: inglês

e2e-playwright

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.

Idioma do texto original: inglês

error-handling

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.

Idioma do texto original: inglês

layouts-routing

Next.js App Router 布局模式。设计页面结构、路由组织、布局嵌套时加载。

Idioma do texto original: chinês

performance

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.

Idioma do texto original: inglês

project-init

项目初始化。用户要搭新 Next.js 项目时加载。按顺序执行脚手架命令。

Idioma do texto original: chinês

seo-checklist

SEO 完整检查清单。网站上线前或 SEO 整改后加载。自动逐项检查，只问用户不知道的内容（关键词、网站描述）。

Idioma do texto original: chinês

seo-metadata

Next.js SEO 完整配置。涵盖 Metadata API、Open Graph、JSON-LD 结构化数据、Sitemap、Robots.txt。新建页面或 SEO 整改时加载。

Idioma do texto original: chinês

anti-ai-slop

Create frontend UIs that don't look AI-generated. Use when building new pages or reviewing design output for "AI taste."

Idioma do texto original: inglês

ckm-design-system

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,…

Idioma do texto original: inglês

ui-modernizer

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…

Idioma do texto original: inglês

ui-ux-pro-max

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,…

Idioma do texto original: inglês

component-design

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.

Idioma do texto original: inglês

styling-tailwind

Tailwind CSS v4 实践。写样式时加载。用 cn()、语义色值、mobile-first 响应式、dark mode。

Idioma do texto original: chinês