在编写任何代码之前，您必须检查：

检查文件是否符合 Web 界面指南。

由 Vercel 维护的 React 和 Next.js 应用程序综合性能优化指南。包含 8 个类别的 57 条规则，按影响进行优先级排序，以指导自动重构和代码生成。

每当您处理远程代码时，请使用此技能来获取特定于领域的知识。

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

暂无简介

版本：0.3

阅读各个规则文件以获取详细说明和代码示例。

为分布式系统、数据库和 API 生成各种格式的通用唯一标识符 (UUID)。

从具有多种模板样式的结构化数据创建专业的 PDF 简历。支持 JSON 输入、可自定义部分和 ATS 友好格式。

要创建高质量的 MCP（模型上下文协议）服务器，使 LLM 能够有效地与外部服务交互，请使用此技能。 MCP 服务器提供允许 LLM 访问外部服务和 API 的工具。 MCP 服务器的质量是通过它使法学硕士使用所提供的工具完成实际任务的能力来衡量的。

专业图像处理工具包，无需 Photoshop 或类似软件即可处理常见图像任务。处理单个图像或整个文件夹，获得一致的高质量结果。

提供 8 种文档格式之间的尽力而为的转换工作流程：

通过自然语言转换和运行时预览来构建、解析和验证 cron 表达式。

查看 Tailwind CSS v4 实现，了解正确的配置、现代模式和最佳实践。

对 Next.js 16 合规性进行全面审查，涵盖安全漏洞、缓存模式、重大更改和迁移准备情况。

React Compiler（单独提供）自动记忆代码，减少手动优化的需要。 （使用该技能之前请先验证在项目中的使用情况）

使用现代 CSS 优先配置配置 Tailwind CSS v4。 Tailwind v4 消除了 JavaScript 配置文件，转而使用 @import 和 @theme 指令进行基于 CSS 的设置。

基于Vue 3.5。始终将 Composition API 与 <script setup lang="ts"> 结合使用。

Tailwind CSS v4 指南按照模块化规则组织。涵盖实用程序优先模型、@theme 变量、响应/状态变体、自定义样式、性能、可访问性以及 Figma → Tailwind 主题工作流程，用于直接从 Figma 变量生成设计令牌。