该技能用于基于Tailwind CSS的UI重构，提供52条规则和最佳实践，优化前端开发中的视觉设计、间距、排版、颜色和可访问性，提升代码质量和用户体验。关键词包括：Tailwind CSS, UI重构, 设计模式, 前端开发, 响应式设计, 视觉层次, 可访问性, 代码优化。

TresJS是一个基于Vue 3的框架，专门用于使用Three.js构建交互式3D场景。它提供声明式组件、组合式函数和后期处理效果，简化前端开发中的3D应用构建过程，适合创建WebGL应用、3D可视化、游戏界面等。关键词：Vue 3, Three.js, 3D场景, 前端开发, TresCanvas, 组合式函数, 响应性, 后期处理, WebGL, 声明式编程

这是一个用于创建独特、高质量、生产级前端界面的技能。它专注于生成具有创意和精致美学的代码，避免通用AI设计风格，强调大胆的美学方向、独特的排版、创新的色彩方案、精心设计的动效和空间构成。适用于网站、落地页、仪表板、React组件、HTML/CSS布局等Web UI的设计与开发。关键词：前端设计，UI设计，网页开发，创意界面，生产级代码，独特美学，避免AI通用设计，React组件，CSS动画，用户体验设计。

本技能指南详细介绍了如何使用Plate.js框架在React应用中构建和配置富文本编辑器。内容涵盖从安装、选择编辑器类型（简单评论编辑器或功能齐全的文档编辑器）到具体实现步骤的全过程。关键词包括：Plate.js、富文本编辑器、React编辑器、前端开发、内容编辑、WYSIWYG编辑器、插件配置、状态管理。

Pinia 是 Vue 的官方状态管理库，提供类型安全、可扩展性和直观的 API，适用于 Vue 应用中的状态管理、存储定义和组件通信。关键词：Vue 状态管理、Pinia、TypeScript、可扩展、前端开发、Vue 插件。

这是一份针对 Portfolio Buddy 2 项目的 React 19 和 TypeScript 编码规范文档。它详细定义了前端组件开发的最佳实践，包括组件结构、状态管理、TypeScript 类型安全、性能优化、错误处理、文件组织、测试标准和代码审查流程。适用于前端开发团队进行代码编写、审查和重构，确保项目代码质量和一致性。关键词：React 19, TypeScript, 前端开发, 编码规范, 组件设计, 状态管理, 性能优化, 代码审查。

Ink组件生成器是一个专门用于为命令行界面（CLI）快速生成基于React的终端UI组件的工具。它能够自动化创建交互式组件（如选择列表、文本输入框、加载动画）、自定义状态管理钩子以及布局组件，并支持设置项目结构和测试。适用于开发命令行仪表盘、交互式表单、监控面板等终端应用程序。关键词：Ink组件，React CLI，终端UI，命令行界面，组件生成，前端开发，Node.js，交互式应用。

Qt QML组件生成器是一个专门用于自动化生成Qt Quick应用程序中QML组件的工具。它能够根据用户需求快速创建具有完整属性绑定、信号槽机制和Qt Quick Controls集成的UI组件，支持C++后端集成、模块化管理和最佳实践代码结构。适用于Qt桌面应用、嵌入式界面和跨平台UI开发。关键词：Qt QML组件生成，Qt Quick开发，UI组件自动化，信号槽绑定，Qt跨平台界面，C++ QML集成，Qt模块化管理

该技能用于快速搭建基于Web技术的跨平台桌面应用开发环境。它集成了Rust后端与主流前端框架（如React、Vue、Svelte），提供项目结构初始化、配置文件生成、窗口设置、自动更新和跨平台构建等一站式解决方案。关键词：Tauri桌面应用，Rust后端，前端框架集成，跨平台开发，WebView，轻量级应用。

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

组件组装技能用于将AI设计组件技能的输出整合成统一、生产就绪的应用程序系统，包括令牌验证、框架脚手架生成和组件集成。它支持React/Next.js、Python和Rust项目，确保设计令牌正确使用、组件无缝连接，并优化开发工作流程。关键词：AI设计组件、组件组装、令牌验证、框架脚手架、React开发、Python后端、Rust项目、前端集成、生产部署。

本技能专注于在.NET Blazor应用中实现完整的认证和授权解决方案，覆盖登录/注销流程、AuthorizeView组件、ASP.NET Core Identity UI集成、OIDC外部身份提供商，支持多种Blazor托管模型（Server、WASM、Auto、SSR、Hybrid），并包括角色和策略授权机制，适用于前端开发者和全栈工程师构建安全、高效的Web应用。关键词：Blazor认证、Blazor授权、.NET安全、ASP.NET Core Identity、OIDC、前端开发。