这个技能提供了Bootstrap Vue 3组件库的全面指导，用于帮助开发者使用Vue.js和Bootstrap构建前端应用。它包括组件、网格系统、指令和API的详细说明，适用于前端开发、Vue 3集成、响应式布局等场景。关键词：Bootstrap Vue, Vue 3, 前端开发, 组件库, 响应式设计。

该技能专注于软件的国际化和本地化实现，包括管理多语言翻译、处理区域文件、支持从右到左布局等，确保应用适应全球市场。关键词：国际化、本地化、翻译管理、多语言支持、RTL、前端开发、后端开发。

提供前端开发的最佳实践和指南，专注于React/TypeScript应用程序，覆盖Suspense数据获取、懒加载、TanStack Router路由、MUI v7样式、性能优化等现代技术。适用于前端开发者创建高效、可维护的应用程序，关键词：前端开发、React、TypeScript、Suspense、懒加载、TanStack Query、MUI、性能优化。

此技能提供 Vue Router v3 的安装、配置、路由模式实现、导航守卫、历史模式、懒加载路由等全面指导，适用于 Vue 2 项目，包含官方 API 详细信息和资源链接。关键词：vue-router v3, vue 2 router, routing, navigation guards, history mode, router-link, router-view, route config, route object。

现代 React UI 设计模式，专注于提升用户体验，包括加载状态、错误处理、数据获取等。

构件构建器是一个前端开发工具套件，专门用于创建和打包复杂、多组件的Claude.ai HTML构件。它集成了React、TypeScript、Vite、Tailwind CSS和shadcn/ui，支持状态管理、路由和组件化开发，并能将项目捆绑成单个HTML文件，便于分享和部署。关键词：前端开发、HTML构件、React、Tailwind CSS、shadcn/ui、构件构建、Vite、Parcel。

使用 Vue 3 的组合 API、组件组织和 TypeScript 构建可扩展的 Vue 应用程序，实现代码的模块化和类型安全。

React功能性setState更新是用于优化React组件中状态管理的技术，通过使用函数形式的setState来更新基于当前状态的状态值，防止闭包陈旧问题并减少不必要的性能开销。关键词：React，setState，闭包，性能优化，状态管理，前端开发。

这是一个 AI 技能，用于自动化审查用户界面代码是否符合 Web Interface Guidelines，提升网站的可访问性、用户体验和设计合规性，关键词包括 UI 审查、可访问性审计、Web 设计指南、前端开发、代码审计。

原子设计基础技能用于应用Atomic Design方法论，将UI组件组织成夸克、原子、分子、有机体、模板和页面等层级，以构建可扩展、可维护的组件化用户界面设计系统。关键词包括原子设计、UI组件、设计系统、前端开发、组件化、可扩展性、可维护性。

这是一个用于创建复杂多组件Claude.ai HTML前端工具的技能套件，使用React、Tailwind CSS、shadcn/ui等现代Web技术。适用于需要状态管理、路由或高级UI组件的项目，关键词包括前端开发、React、Tailwind CSS、shadcn/ui、构建工具。

在React应用程序中使用错误边界进行优雅错误处理，捕获JavaScript错误并显示备用UI以提高应用程序的弹性。