该技能提供全栈搜索与过滤功能的实现方案，涵盖前端React/TypeScript组件和后端Python优化，适用于电商搜索、数据表过滤等场景，关键词：搜索、过滤、前端开发、后端开发、性能优化、可访问性、SEO、全栈开发。

这个技能用于设计和实现模块化的页面构建系统，支持组件化、槽位布局和块状编辑，适用于前端框架如 Blazor、React、Vue 等。它帮助开发者快速搭建内容管理系统的页面结构，提升编辑体验和开发效率。关键词：模块化页面构建、组件设计、槽位布局、块状编辑、前端开发、CMS。

这是一个用于自动生成高质量、现代化React组件的技能工具。它专注于使用TypeScript、React Hooks和状态管理，并遵循无障碍（a11y）最佳实践。核心功能包括：一键生成函数组件、自定义Hooks和Context Provider，支持Props类型定义、样式配置和加载状态处理。适用于前端开发人员快速构建可复用、类型安全且易于维护的UI组件库，提升开发效率和代码质量。关键词：React组件生成，TypeScript，Hooks，前端开发，无障碍设计，状态管理，UI库。

这个技能专注于使用 React 组合模式来构建可扩展、易维护的前端组件。它避免布尔属性泛滥，通过复合组件、状态提升和上下文管理提升代码质量。适用于重构组件、开发组件库和设计 API。关键词：React, 组合模式, 前端开发, 组件架构, 状态管理, 复合组件, 渲染属性, React 19 API, 可维护性, 可扩展性, 组件库开发, 代码重构, 前端优化, UI 组件, 响应式设计, 前端框架, JavaScript, 软件开发最佳实践。

国际化管理器是一个自动化工具，用于扫描项目代码中的硬编码用户字符串，提取并生成翻译文件，支持React、Vue、Python等多种框架，简化国际化流程。关键词：国际化、字符串提取、翻译文件、代码扫描、前端开发、后端开发、多语言支持。

此技能提供Avue框架的全面指导，帮助用户构建管理界面、实现CRUD操作、使用表单和表格组件等前端开发任务。关键词包括Avue, Vue, Element UI, 数据驱动, 表单, 表格, CRUD, 树形, 上传, 选择器，适合SEO搜索。

Zustand 是一个用于 React 的轻量级状态管理库，提供简单、高效的状态管理方案，支持 TypeScript 类型推断、持久化存储、开发工具集成和切片模式。适用于全局状态管理、Redux/Context API 迁移、Next.js SSR 等场景。关键词：zustand, React状态管理, TypeScript状态管理, 全局状态, Redux替代, 持久化中间件, 开发工具, 切片模式, Next.js水合, 无限渲染预防。

这是一个全面的网站性能优化工具，包括性能审计、诊断、修复和监控功能，旨在提升网站加载速度和用户体验。关键词包括：性能审计、诊断、修复、监控、网站优化。

Next.js 15 应用的前端开发指南，涵盖 React 19、TypeScript、Shadcn/ui、Tailwind CSS 等现代开发模式，包括 Server Components、Client Components、App Router、文件结构、组件、性能优化和 TypeScript 最佳实践。

这个技能用于自动检查和修复网站的设计问题，包括响应式设计、可访问性、视觉一致性和布局中断。通过浏览器自动化和源代码编辑，提高网站质量。关键词：网页设计审查、UI检查、响应式修复、可访问性测试、视觉一致性、布局优化、源代码修复、前端开发工具。

前端设计技能专注于创建独特、高质量、生产就绪的Web界面，避免通用AI美学。该技能强调创意设计思维、大胆美学方向、精致代码实现，涵盖排版、色彩、动效、空间构成等核心要素，旨在打造令人难忘的数字体验。关键词：前端开发、UI设计、Web界面、创意设计、生产级代码、美学优化、用户体验、CSS动画、响应式布局、视觉设计。

Nuxt Content v3 是一个专为Nuxt.js框架设计的内容管理插件，用于构建内容驱动的Web应用。它提供类型化的集合管理、SQL查询、MDC渲染、数据库配置、NuxtStudio集成、钩子、i18n多语言支持和LLMs集成。适用于前端开发人员快速搭建博客、文档网站等内容密集型项目。关键词：Nuxt Content, 内容管理, 前端开发, Vue.js, Markdown, 数据库, 集合, 查询, 渲染, SEO。