这是一个用于生成UI设计标准颜色调色板的工具，支持现代、企业、深色模式等多种风格，输出Hex代码和CSS变量，便于直接在前端开发中使用。关键词：颜色调色板生成、UI设计工具、前端开发资源、CSS变量、Hex代码。

Angular开发技能是一个专注于企业级Angular应用程序构建的专业技能，提供现代开发模式和最佳实践的专家指导。该技能涵盖Angular框架的核心功能，包括独立组件、依赖注入、路由配置、响应式表单、信号状态管理等关键技术。适用于前端开发人员、架构师和技术团队，帮助构建高性能、可维护的企业级Web应用。关键词：Angular开发、前端框架、企业级应用、独立组件、依赖注入、信号状态管理、响应式表单、路由懒加载、前端架构设计、TypeScript开发。

pnpm工作区管理技能是专为现代前端与全栈开发设计的工具，专注于在单体仓库（Monorepo）环境中高效配置工作区、管理项目依赖、处理对等依赖、发布NPM包以及优化node_modules结构。核心功能包括通过pnpm-workspace.yaml定义包结构，使用过滤命令进行精准的依赖安装与脚本执行，实现跨项目的统一构建与开发。适用于需要管理多个相互关联的JavaScript/TypeScript包的大型项目，能显著提升依赖安装速度与磁盘空间利用率，是优化前端工程化、Node.js后端项目及DevOps流程的关键技术。 关键词：pnpm工作区，Monorepo管理，依赖管理，前端工程化，Node.js包管理，DevOps工具，npm替代方案，工作区配置，对等依赖处理。

Redux Toolkit 技能提供在 React 应用中实现现代化状态管理的专家级指导。它专注于 Redux Toolkit 库的核心模式，包括创建类型安全的切片（slice）、使用 createAsyncThunk 处理异步逻辑、配置 RTK Query 进行高效的数据获取与缓存、利用 createEntityAdapter 进行状态规范化，以及集成 Redux DevTools 进行调试。适用于从零搭建 Redux 项目、迁移旧版 Redux 或优化现有状态管理架构。关键词：Redux Toolkit，React 状态管理，RTK Query，异步操作，TypeScript，前端开发，状态规范化。

Storybook组件开发助手是一款专注于前端组件开发与文档化的专家工具。它提供Storybook配置、组件故事编写、交互测试、插件集成和自动化文档生成等核心功能，帮助开发者高效构建可复用、可测试、文档完善的UI组件库和设计系统。适用于React、Vue、Angular等主流前端框架，是提升团队协作效率和代码质量的关键工具。关键词：Storybook配置、组件故事、交互测试、UI文档、设计系统、前端组件库、React组件、Vue组件、自动化文档。

内容集合工具是一个用于将本地Markdown和MDX文件转换成类型安全TypeScript数据的构建工具，专为博客、文档网站等内容密集型应用设计。它提供自动验证、热重载、与Vite和React的无缝集成，并支持Zod模式验证和MDX组件，提升开发效率和内容管理的可靠性。关键词：内容集合、类型安全、TypeScript、Markdown、MDX、Vite、React、Zod验证、前端开发工具。

Webpack技能是前端开发中用于项目构建和优化的核心工具。它专注于JavaScript模块打包、代码分割、性能优化和现代前端架构（如微前端）的实现。通过配置加载器、插件和模块联邦，开发者可以高效管理项目依赖、减少打包体积、提升应用加载速度，并支持复杂应用的模块化开发和部署。关键词：Webpack配置、前端构建工具、模块打包、代码分割、性能优化、微前端、Module Federation、加载器、插件、打包优化。

Three.js 是一个强大的 WebGL/WebGPU 库，用于创建沉浸式 3D 网页体验。它支持场景构建、相机控制、几何体、材质、灯光、动画、资源加载、后处理效果和着色器编程，适用于游戏开发、数据可视化、产品展示和虚拟现实等应用。关键词：Three.js, WebGL, 3D 开发, 网页图形, 游戏引擎, 数据可视化, VR/XR。

Svelte 5 开发是一种使用 Svelte 5 框架和 SvelteKit 构建现代 Web 应用程序的前端开发技能，涉及响应式设计、全栈开发、TypeScript 和测试，关键词包括 Svelte 5, SvelteKit, 前端开发, Web 应用, TypeScript, 响应式设计, 符文系统, 组件开发, API 路由, 测试

前端组件模式技能专注于使用设计模式如复合组件、渲染属性、自定义钩子和高阶组件来构建高效、可维护的前端组件。适用于React、Vue和Angular框架，帮助开发者创建可重用UI库、优化组件架构和提升开发效率。关键词：前端开发、组件设计、React模式、Vue组件、Angular架构、可重用UI、性能优化、无障碍访问。

这个技能专注于优化 Next.js 15 应用程序，以提升网站性能，核心 Web 指标得分，以及遵循生产最佳实践。关键词包括：性能优化、核心 Web 指标、SEO、React、App Router。

Tailwind CSS样式设计专家指南，专注于移动优先响应式设计、自定义主题和实用优先方法。提供组件样式、响应式布局、深色模式支持、可访问性优化和性能调优。适用于前端开发、UI组件设计、仪表板布局、Web应用界面开发。关键词：Tailwind CSS, 移动优先设计, 响应式布局, 深色模式, 实用优先, 组件样式, 前端开发, UI设计, 可访问性, 性能优化