shadcn-vue 是一个用于Vue.js和Nuxt.js框架的UI组件库，基于Reka UI和Tailwind CSS，提供可访问、可自定义的组件，如自动表单、数据表格、图表等，并支持黑暗模式和TypeScript。关键词：Vue, Nuxt, UI组件, Tailwind CSS, 可访问性, 自动表单, 数据表格, 黑暗模式, TypeScript

本技能提供基于 Vue.js 的 Nuxt 3 全栈应用开发专家指导，涵盖服务器端渲染、静态站点生成、API 路由构建、自动导入、模块配置和部署优化。适用于构建现代化、高性能的 Web 应用，支持混合渲染模式，并集成 Nitro 服务器引擎。关键词：Nuxt 3，全栈开发，Vue.js，服务器端渲染，SSR，静态站点生成，Nitro 服务器，混合渲染，TypeScript，前端框架。

此技能专注于使用Three.js、React Three Fiber和WebGL等技术构建网页上的3D体验，包括产品配置器、交互式场景和沉浸式网站，平衡视觉冲击与性能优化，提升用户体验和SEO友好性。关键词：3D网页开发、Three.js、React Three Fiber、WebGL、交互式3D、产品可视化、性能优化、前端技术。

这个技能用于自动检查前端代码是否遵循开发指南，通过执行Git操作、阅读指南文件和代码审查等步骤，确保代码质量和一致性，提升开发效率。关键词：前端开发、代码检查、指南遵循、Git、组件、Hook、状态管理、代码审查、质量保证。

此技能提供Layui Vue在Vue 3中的完整使用指南，涵盖安装、配置、组件使用、API参考和最佳实践，适用于前端开发人员快速集成UI组件。关键词包括：Layui Vue, Vue 3, 组件库, 前端开发, UI组件, 安装指南, 配置教程。

Slidev是一款基于Vite、Vue和Markdown的web幻灯片制作工具，专为开发者设计，支持代码高亮、动画、交互式演示、数学方程和图表功能，适用于技术演讲、会议发言和教学材料制作。关键词：幻灯片、开发者、Markdown、Vue、代码高亮、动画、交互演示、技术演讲、教学工具、Web演示。

国际化（i18n）与本地化（l10n）技能用于设计和实现多语言应用程序，包括翻译管理、区域特定格式化、RTL布局支持、复数化规则等，覆盖从架构模式到流行库的应用。关键词：国际化、本地化、翻译、多语言、区域格式化、RTL支持、复数化、日期格式、数字格式、货币格式、i18next、react-intl、gettext、ICU MessageFormat、Intl API、CSS逻辑属性、语言检测、SEO优化。

本技能提供系统化的表单构建指导，涵盖输入组件选择、验证策略、可访问性合规（WCAG 2.1）、UX最佳实践，以及JavaScript/React和Python的示例实现。适用于创建各种表单界面，如注册流程、调查问卷、多步向导等。关键词：表单构建、输入模式、验证、可访问性、WCAG 2.1、React、Python、前端开发、用户体验。

前端工程技能专注于现代Web应用的高质量开发，涵盖多种前端框架如Next.js、React、Vue、Angular、Svelte的选择与最佳实践，包括TypeScript编码、Tailwind CSS样式、状态管理、测试、性能优化和可访问性。适用于构建企业级、用户友好的Web界面。关键词：前端开发、Web应用、框架、TypeScript、性能、可访问性、SEO优化。

UI/UX设计智能工具，提供50+种风格、161种颜色调色板、57种字体搭配、161种产品类型、99条UX准则和25种图表类型，覆盖React Native等10个技术栈。适用于页面设计、组件创建、颜色系统、排版、动画、表单、导航、图表的规划、构建、审查、修复和优化。关键词：UI设计、UX设计、前端开发、移动端设计、颜色调色板、字体搭配、风格选择、React Native、设计系统、可访问性、交互设计。

前端设计技能专注于创建独特、高质量的前端界面，使用HTML、CSS、JavaScript、React等技术实现，避免通用AI美学，适用于构建网页组件、页面、应用程序等场景。强调创意设计、美学优化和代码精细化。关键词：前端设计、UI设计、网页开发、创新代码、美学界面、生产级前端、避免AI美学、设计思维。

这个技能用于在React Native Web中进行样式设计，提供StyleSheet API、平台特定样式、响应式设计和主题化的模式。关键词：React Native Web、样式设计、响应式、主题化、前端开发、跨平台应用。