这是一个专为高级UI设计师和前端开发团队打造的专业工具包，用于高效创建、管理和维护企业级UI设计系统。核心功能包括自动化设计令牌生成（色彩、字体、间距）、组件库架构设计、响应式布局计算、无障碍合规性检查以及开发交接文档生成。该工具能显著提升设计一致性，加速设计与开发协作流程，适用于构建品牌视觉规范、设计系统文档和前端组件库。关键词：UI设计系统，设计令牌，组件库，响应式设计，设计开发协作，前端开发，视觉一致性，设计工具包。

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

原子设计有机体技能专注于构建用户界面中的复杂组件，如导航栏、内容卡片和表单部分。它基于原子设计方法论，通过组合原子和分子来创建可重用、状态管理的独立UI部分，提高前端开发效率和代码可维护性。关键词：原子设计、UI组件、前端开发、React、组件化、状态管理、可重用性。

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

此技能专注于使用Vue 3和Nuxt 3进行前端开发，构建类型安全、高性能的Web应用程序。涵盖Vue 3 Composition API、Nuxt 3服务器端渲染(SSR)、静态站点生成(SSG)、Pinia状态管理、性能优化和客户端安全。适用于开发现代、响应式的前端项目。关键词：Vue 3, Nuxt 3, 前端开发, Composition API, TypeScript, 性能优化, 网络安全。

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

Chrome DevTools调试技能允许开发者通过Chrome DevTools协议连接来调试和分析Web应用程序，主要功能包括查看控制台日志、监控网络请求、性能分析以及执行JavaScript代码，特别适用于调试需要认证的会话。

Context7高效文档获取器是一个智能开发工具，通过shell管道过滤技术实现86.8%的令牌节省，专门用于快速获取JavaScript、Python、Go、Rust等编程语言的库文档、代码示例和API参考。该工具支持React、Next.js、Prisma、Express等主流框架，提供智能过滤、代码示例提取和API签名识别功能，帮助开发者高效学习和使用各种开发库。

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

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

自动化设计审查、标记提取、组件映射和实施计划，通过Figma MCP集成大幅减少设计交接时间。

本技能专注于通过 Zafiro.Avalonia 库实现 Avalonia UI 的现代化、清洁和可维护布局，利用语义容器、共享样式和最小化 XAML 冗余，提升开发效率和代码质量。关键词：Avalonia UI, Zafiro.Avalonia, UI布局优化, 语义容器, 共享样式, XAML简化, 前端开发。