JSON-UI 是一个强大的 JSON 到 HTML 报告渲染器，支持 React 组件和双语国际化。它允许开发者通过定义 JSON 结构快速生成美观、交互式的学术或数据报告网页。核心功能包括组件化架构、Zod 模式验证、静态 HTML 输出、React 组件库以及无缝的中英文语言切换。适用于学术论文展示、数据分析报告、自动化文档生成等场景。关键词：JSON渲染，HTML报告，React组件，双语国际化，i18n，学术报告，数据可视化，前端开发工具。

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

使用函数组件、钩子、组合和TypeScript设计可扩展的React组件，适用于构建组件库和UI系统。

自动化生成React/Vue组件，包括TypeScript定义、测试和样式，遵循最佳实践，提高开发效率。

本指南详细介绍了 TanStack Query v5 在数据获取、缓存管理和状态同步中的常见陷阱与最佳实践。内容涵盖 useQuery、useMutation、queryKey 配置、缓存失效策略、乐观更新模式以及从 v4 到 v5 的迁移要点。适用于前端开发者解决 React 应用中的数据状态管理问题，提升应用性能和用户体验。关键词：TanStack Query，React Query，数据获取，缓存失效，状态管理，前端开发，useQuery，useMutation，v5 迁移。

这个技能用于创建算法艺术，通过p5.js库实现种子随机性和交互式参数探索，生成独特的生成式艺术作品。关键词：算法艺术、生成式艺术、p5.js、交互式参数、前端开发、艺术生成、计算美学、Web技术、创意编程、数字艺术

此技能提供Svelte前端框架的全面学习与应用指导，涵盖组件开发、响应式编程、状态管理、动画过渡和编译等核心功能，帮助用户快速掌握Svelte进行高效Web应用开发。关键词：Svelte、前端框架、组件开发、响应式编程、Web开发、存储管理、编译优化。

Mermaid流程图是一种基于文本的图表工具，它允许用户使用文本和代码来创建和维护流程图。它支持多种节点形状、链接样式、方向配置以及交互功能，非常适合软件开发和数据可视化领域。

UX评估器是一个用于系统性评估用户界面（UI）组件用户体验（UX）质量的工具。它基于位置、视觉权重、间距三维分析框架，参照Balsamiq、尼尔森启发式等权威行业标准，提供客观、可操作的设计审查建议。适用于UI/UX设计师、前端开发者、产品经理进行界面优化、可用性检查、设计规范对齐。关键词：UX评估，UI审查，用户体验，设计规范，可用性测试，界面设计，三维分析框架。

UI/UX设计智能技能是一个全面的前端设计工具，提供可搜索的UI样式库、调色板、字体配对、图表类型和UX指南，支持多种技术栈如React、Vue、Tailwind等。用于规划、构建、设计和优化用户界面和用户体验，适用于网站、应用、仪表板等项目，提升设计效率和专业性。关键词：UI/UX设计、前端开发、样式库、颜色搭配、字体配对、用户体验、响应式设计、暗黑模式、可访问性、设计系统。

这个技能用于掌握现代JavaScript（ES6+）的核心特性，如箭头函数、解构赋值、扩展运算符、模板字符串、Promise、async/await、模块系统、迭代器和生成器，以及函数式编程模式。适用于重构老旧代码、实现现代编程模式、优化JavaScript应用性能、编写可维护和高效的代码，特别是在Web开发中处理异步操作和数据转换。关键词包括：JavaScript, ES6, 前端开发, 异步编程, 函数式编程, 代码优化。

现代 React UI 设计模式，专注于提升用户体验，包括加载状态、错误处理、数据获取等。