Webpack是一个广泛用于前端开发的模块打包工具，提供配置管理、资源加载、代码分割和性能优化功能，通过插件和加载器扩展，支持构建现代化Web应用程序。关键词：前端开发、Webpack配置、模块打包、构建优化、代码分割、JavaScript打包、开发工具。

此技能涉及将 .NET 代码通过 AOT 编译为 WebAssembly，应用于 Blazor 和 Uno WASM 前端框架，优化应用程序的下载大小和运行时性能。包括修剪、懒加载和 Brotli 压缩等关键技术，支持 SEO 关键词如 .NET、WebAssembly、AOT、Blazor、Uno、大小优化、速度优化。

这是一个使用 Chrome DevTools MCP 进行网页性能审计的技能，专注于优化页面加载性能、提升 Lighthouse 得分和网站速度。它提供核心 Web 指标分析、网络优化建议和可访问性差距识别。关键词：网页性能、性能审计、Chrome DevTools、Core Web Vitals、网络优化、前端性能、可访问性审计、Web 指标。

此技能专注于在 Avalonia 应用程序中使用 Zafiro 和 ReactiveUI 创建 ViewModel、Wizard 和管理导航的最佳实践。关键词：Avalonia, Zafiro, ReactiveUI, ViewModel, Wizard, 导航, 软件开发, 前端开发, 跨平台应用。

这个技能用于在Storybook中配置交互式参数和控件，使组件故事动态化和可探索，便于设计师和开发人员实时测试组件变体。关键词：Storybook, 参数, 控制, 交互式, 组件开发, 前端测试, UI组件, 动态演示。

这是一个前端构建工具套件，用于创建复杂的多组件HTML艺术品，基于React、TypeScript、Tailwind CSS和shadcn/ui等现代前端技术。支持状态管理、路由和组件集成，适合高级前端项目开发和Claude AI工具集制作。关键词：前端开发、React、TypeScript、HTML构建、工具集、Claude AI、状态管理、路由、组件库。

这是一个交互式设计向导，用于指导用户完成完整的前端设计流程，包括发现需求、研究趋势、选择美学方向、配色、排版和生成代码，最终创建独特且生产就绪的UI。关键词：前端设计、交互式向导、UI设计、代码生成、设计流程、美学选择、颜色排版、自审查。

这个技能用于在React项目中包装现有的shadcn/ui组件，以添加8位复古风格，同时确保向后兼容性和代码重用。关键词包括：组件包装、8位风格、shadcn/ui、React、TypeScript、前端开发、复古UI。

这个技能用于实现符合WCAG 2.2标准的可访问性接口，支持移动设备、包容性设计模式和辅助技术，提升网页和应用的包容性体验。关键词：可访问性、WCAG、ARIA、屏幕阅读器、键盘导航、无障碍设计、前端开发、UI/UX。

Nuxt Better Auth 是一个用于 Nuxt 4+ 应用的认证模块，基于 Better Auth 构建。它提供 useUserSession 组合函数、服务器认证助手如 requireUserSession、路由保护功能，支持登录、注册、退出流程，并能集成 Better Auth 插件如管理员、密码钥匙和双因素认证。适用于前端开发和全栈开发场景，便于实现安全认证和用户会话管理。关键词：Nuxt, 认证, useUserSession, 服务器认证, 路由保护, Better Auth, 前端开发, 全栈开发

该技能提供Vite应用的全面性能优化指南，包括依赖预捆绑、插件性能、包优化等关键规则，适用于前端开发人员在配置Vite项目时进行性能优化。关键词包括Vite、性能优化、前端开发、构建工具、Web开发、包分析、热模块替换。

TypeScript JSDoc 文档编写技能专注于为TypeScript代码生成高效、清晰的JSDoc注释。它提供关于注释格式、最佳实践、策略性放置的指导，帮助开发者提升代码可读性、可维护性，并增强IDE的智能提示和文档支持。关键词：TypeScript, JSDoc, 代码文档, 注释规范, 开发工具, API文档, 代码维护, 编程规范。