Next.js App Router 开发原则。

构建 MCP 服务器的原则。

创建专业级视频，集成 真实网页图片 （Google Images 爬取）、完美音频同步、丰富内容展示和精美视觉设计。使用 Remotion + TTS + 多源图片搜索，生成具有顶级大厂风格的视频内容。

这项技能指导创建独特的、生产级的前端界面，避免通用的“AI slop”美学。实施真正的工作代码，特别注重美学细节和创意选择。

此 skill 指导创建独特、生产级的前端界面，避免通用的"AI slop"美学。实现真正可工作的代码，注重美学细节和创意选择。

使用现代 React、TailwindCSS v4 和 shadcn/ui 构建生产级前端界面。从项目脚手架到代码库审计的五种模式。

在以下场景下使用本 skill：

在以下情况下使用此技能：

useSearchParams 钩子需要两件事：

服务器组件使用与客户端组件不同的导航方法！

提供有关在 Next.js App Router 中的服务器组件和客户端组件之间进行选择的全面指南，包括 cookie/标头访问、searchParams 处理、路径名路由以及 React 的“使用”API 进行 Promise 解包。

每当页面需要根据 URL 中出现的任何标识符加载数据时，请使用此模式。常见场景包括：

在以下情况下使用此技能：

此模式处理常见的 Next.js 需求：需要设置服务器端 cookie 的客户端交互（按钮单击）。

为 Next.js App Router (Next.js 13+) 提供全面的指导，涵盖从 Pages Router 迁移、基于文件的路由约定、布局、元数据处理和现代 Next.js 模式。

为高级 Next.js App Router 功能提供全面的指导，包括路由处理程序（API 路由）、并行路由、拦截路由、服务器操作、错误处理、草稿模式和 Suspense 流式传输。

使用 Tailwind CSS v4 构建生产就绪的设计系统，包括 CSS 优先配置、设计令牌、组件变体、响应模式和可访问性。

将威胁分析转化为可行的安全要求。

现代 React 状态管理模式的综合指南，从本地组件状态到全局存储和服务器状态同步。

掌握 React Native 样式模式、React Navigation 和 Reanimated 3，以构建具有本机质量用户体验的高性能、跨平台移动应用程序。