此技能提供Next.js 16 App Router的全面性能优化指南，涵盖构建优化、缓存策略、服务器组件、路由、SEO等关键领域，帮助前端开发者提升应用性能和效率，适用于Next.js项目开发和性能调优。

这个技能用于研究和创建现代、动画化的城市旅游网站，包括历史事实、旅游地点和多彩设计。它提供全面研究流程、前端开发技术（如HTML、CSS、JavaScript）和OpenStreetMap集成，适合开发者、设计师或旅游行业构建交互式网站，关键词包括城市旅游网站构建、前端开发、旅游网站设计、OpenStreetMap、IPFS托管。

这个技能是关于使用Next.js框架构建全栈Web应用程序的实践模式，涵盖App Router、服务器组件、数据获取、认证和部署等关键技术。适用于开发现代、高性能的React应用，关键词包括：Next.js, 全栈开发, React, TypeScript, 服务器组件, 数据获取, 认证, 部署, Web开发。

此技能专注于创建独特、生产级的前端接口，强调高质量设计、创意美学和避免通用AI风格。适用于构建网页组件、页面、应用程序等，注重细节、字体、颜色、动效和空间构成，以实现令人难忘的用户体验。关键词：前端设计、UI设计、网页开发、创意接口、生产级、美学设计、UI/UX。

这个技能专注于TypeScript的高级特性，包括泛型、条件类型、映射类型、模板字面量和类型守卫等，用于提升代码的类型安全性、可维护性和开发效率，适用于前端和后端开发。关键词：TypeScript, 泛型, 条件类型, 映射类型, 类型守卫, 高级编程, 代码优化, 类型安全。

这个技能提供了 Effect-TS 中处理值的两个核心模式：处理 None 和 Some 值的模式，以及可选链与组合模式。它帮助开发者避免空值错误，实现类型安全编程，提升代码可读性和维护性。关键词：Effect-TS, Option类型, 模式匹配, 值处理, TypeScript, 函数式编程。

这个技能通过分析指定网站的URL，自动提取设计元素如颜色、字体、布局和UI模式，生成结构化灵感报告，帮助设计师快速获取并应用设计灵感。关键词：网站设计分析、颜色提取、字体识别、布局模式、UI灵感提取、设计工具、前端开发辅助。

这个技能涵盖React中各种组件模式，如组合模式、自定义钩子、渲染属性、高阶组件和复合组件，用于构建高效、可维护的前端UI组件。关键词：React组件、组合、自定义钩子、渲染属性、高阶组件、复合组件、性能优化、前端开发、代码分割、虚拟滚动。

Nuxt SEO优化模块是一个用于Nuxt.js框架的SEO工具集，提供配置SEO、生成robots.txt和sitemap.xml、创建动态OG图像、添加JSON-LD结构化数据等功能，帮助提升网站搜索排名和用户体验。关键词：Nuxt SEO、SEO优化、站点地图、OG图像、结构化数据。

TypeScript类型系统技能专注于TypeScript语言的类型特性，包括编译器配置、严格模式、高级类型（如联合与交叉类型、泛型、条件类型、映射类型、模板字面量类型）、类型收窄（类型守卫、判别联合）、实用类型、类型断言等，帮助开发者编写类型安全的JavaScript代码，提高代码质量和可维护性，适用于前端和后端开发。关键词：TypeScript, 类型系统, 严格模式, 泛型, 类型守卫, 编译器配置, 前端开发, 后端开发, 类型安全, 代码质量。

Biome代码格式化技能用于配置和使用Biome快速格式化工具，对JavaScript、TypeScript、JSON等前端代码进行格式化，确保代码风格一致性和团队协作效率。关键词：Biome、代码格式化、前端开发、配置管理、风格指南、JavaScript、TypeScript。

TypeScript高级类型技能专注于TypeScript的类型系统的高级特性，如泛型、条件类型、映射类型、模板字面量类型和工具类型，用于开发类型安全的软件应用。关键词包括：TypeScript, 高级类型, 泛型, 条件类型, 映射类型, 模板字面量类型, 工具类型, 类型安全, 前端开发, 后端开发。