前端UI/UX设计开发技能，专注于用户界面和用户体验的设计与实现，涵盖组件设计、响应式布局、设计系统一致性、可访问性合规等核心能力，适用于网页和应用程序开发，便于SEO搜索关键词如前端开发、UI设计、UX设计、网页设计、组件开发、响应式设计、设计系统、可访问性。

本技能包提供了 Vue Router 4 的核心最佳实践指南，涵盖导航守卫、路由参数处理、组件生命周期交互等关键主题。旨在帮助前端开发者解决路由跳转、参数更新、守卫异步操作、无限循环等常见问题，优化单页应用的路由性能和代码结构。关键词：Vue Router， 导航守卫， 路由生命周期， 单页应用， 前端路由， Vue.js， 路由参数， 组件交互。

此技能用于在TypeScript开发中强制执行严格编码规范，包括禁止未文档化的`any`类型、要求公共API显式类型、使用泛型约束、工具类型、只读属性和区分联合等，旨在提升代码质量、类型安全和可维护性。适用于TypeScript项目、新功能开发、代码审查和重构场景。关键词：TypeScript，严格模式，编码规范，类型安全，前端开发，代码审查。

这个技能提供了全面的指导，用于构建健壮、可扩展的设计系统，确保视觉一致性，提高开发速度，并创造卓越的用户体验。

这项技能涉及使用Next.js/React技术栈进行前端开发，包括UI实现、API集成、状态管理等关键环节，确保项目在前端的高质量交付。

通过代码分割、懒加载、缓存、压缩和监控等技术手段提升Web应用的性能，改善用户体验和页面加载速度。

创建带有x402支付保护的Next.js应用程序，利用Algorand区块链支付实现HTTP 402支付门控路由。

这个技能涵盖了Web UI设计的现代趋势和技术，包括玻璃形态效果、Tailwind CSS框架的应用、暗色模式的实现，以及确保可访问性的核心原则。关键词包括：玻璃形态、Tailwind、暗色模式、可访问性。

本技能专注于移动优先的响应式设计模式，用于创建自适应、响应式用户界面。关键要素包括断点系统、流体布局、自适应组件和触摸友好模式，适用于前端开发，提升网页和应用的跨设备兼容性和用户体验。关键词：响应式设计、移动优先、断点、流体布局、自适应组件、前端开发、用户界面、移动端适配。

这是一个用于React和Next.js应用性能优化的技能，提供Vercel工程团队的45条最佳实践规则，涵盖从消除瀑布效应到包大小优化等关键领域，旨在指导代码重构和自动化生成。关键词包括：React, Next.js, 性能优化, 前端开发, 代码审查, 数据获取, 包优化, 渲染性能, JavaScript优化。

该技能用于自动化同步Figma设计工具和代码库中的设计系统组件，通过Code Connect映射实现双向链接和差距分析。关键词包括Figma、设计系统、Code Connect、组件同步、前端开发、自动化工具、UI组件、代码生成。

此技能提供Tailwind CSS应用程序的响应式UI转换模式，涵盖断点策略、布局适应、间距调整、流体排版、移动导航等最佳实践，帮助前端开发者高效构建跨设备兼容的Web界面。适用于前端开发、Web设计、UI优化等场景。关键词：Tailwind CSS、响应式设计、UI转换、前端开发、移动优先、Web开发、CSS框架。