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

此技能详细介绍了React服务器组件在Next.js中的应用，涵盖服务器与客户端组件的区分、组合模式及数据获取方法，适用于前端开发。关键词：React服务器组件、Next.js、服务器渲染、客户端交互、组件架构。

此技能专注于为AI助手和未来主义界面设计直观、美观且可访问的用户界面，核心专长包括空间布局、视觉层次、玻璃态设计、注意力管理系统和HUD设计，适用于AI助手界面、HUD布局、信息密度优化和通知设计等场景，关键词包括UI/UX设计、界面设计、用户体验、AI助手、HUD、玻璃态设计、前端开发。

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

此技能提供Rspack打包工具的详细指南，包括配置设置、插件使用、加载器编写、性能优化以及从Webpack迁移。关键词：Rspack、打包工具、前端构建、代码分割、热模块替换、Webpack兼容、配置优化、开发服务器、插件开发。

设计迭代器技能是一个系统化的UI/UX设计优化工具，通过多次迭代、视觉分析、竞品研究和渐进式改进，提升前端界面的美观度和专业性。适用于颜色调整、布局平衡和整体美感优化，帮助设计师和开发者快速迭代设计。关键词：UI/UX设计迭代、前端设计优化、视觉分析、竞品研究、渐进式改进。

这个技能是关于在JavaScript中使用toSorted()方法进行数组排序而不突变原始数组，特别适用于React应用，以确保数据不可变性。关键词包括：JavaScript, toSorted, 不可变性, 数组排序, React, 前端开发, 数组突变避免。

这个技能专注于使用 Svelte Flow 库创建自定义节点和边，实现复杂的前端图形界面编辑器。它涵盖自定义节点组件、可调整大小节点、工具栏和交互式功能，适用于构建节点编辑器和工作流界面。关键词：Svelte Flow、自定义节点、前端开发、图形界面、节点编辑器、Svelte 组件。

TypeScript高级类型技能专注于TypeScript的类型系统的高级特性，如泛型、条件类型、映射类型、模板字面量类型和工具类型，用于开发类型安全的软件应用。关键词包括：TypeScript, 高级类型, 泛型, 条件类型, 映射类型, 模板字面量类型, 工具类型, 类型安全, 前端开发, 后端开发。

本技能用于WordPress交互性API的开发与调试，涵盖data-wp指令、状态管理、模块化视图脚本集成、水合作用及性能优化。适用于WordPress 6.9+版本，帮助开发者解决指令不触发、状态更新异常、构建集成等问题。关键词：WordPress交互性API, data-wp指令, viewScriptModule, 水合作用, 状态管理, 前端交互, WordPress开发

TypeScript类型系统技能专注于TypeScript语言的类型特性，包括编译器配置、严格模式、高级类型（如联合与交叉类型、泛型、条件类型、映射类型、模板字面量类型）、类型收窄（类型守卫、判别联合）、实用类型、类型断言等，帮助开发者编写类型安全的JavaScript代码，提高代码质量和可维护性，适用于前端和后端开发。关键词：TypeScript, 类型系统, 严格模式, 泛型, 类型守卫, 编译器配置, 前端开发, 后端开发, 类型安全, 代码质量。

使用 React Hook Form, Formik, Vee-Validate 和自定义验证器实现表单验证，包括客户端验证、服务器端同步和实时错误反馈。