UD5工具箱
基础风格迁移演示 - 载入预训练小型模型
利用预训练的轻量变换网络在浏览器中简单演示将图片转换成特定风格。
数据集
网络架构
超参数
决策边界可视化
类0
类1
轮数: 0
损失: —
准确率: —
网络结构
损失曲线
Datalist 自动建议增强演示 - 动态数据源
演示如何动态更新 datalist 选项以实现搜索建议，并处理键盘选择。
马尔可夫链文本生成器 - 基于训练文本
输入示例文本，训练马尔可夫链并生成新的随机文本，可调节阶数。
缓动函数沙盒 - 自定义贝塞尔及steps试玩
可视化调整cubic-bezier和steps()缓动，并可实时看到动画球左右移动。
代码行数统计工具 - 忽略注释空行
粘贴代码，计算总行数、有效代码行数、注释行数和空行数。
WebSocket 消息构建器 - 编辑并发送文本/二进制帧
连接到 WebSocket 端点，自定义消息内容（JSON、文本、ArrayBuffer）并发送，查看响应。
采样定理演示 - 欠采样与混叠现象
调节采样频率，观察对正弦波的离散采样和重建效果，演示欠采样导致的频率混叠。
代码语言检测工具 - 根据语法特征推断编程语言
粘贴代码片段，基于关键字和语法模式自动推断编程语言，适合未命名文件的快速识别。
JSON Schema生成器 - 从JSON数据推断结构
粘贴JSON示例数据，自动分析并生成对应的JSON Schema，支持类型推断和必填标记。
Webmention发送测试 - 手动Ping引用
输入源页和引用页URL，构造Webmention请求通知被引用页面，演示独立博客协议。
CSS缓动函数生成器 - Cubic-Bezier曲线编辑
直观拖拽曲线控制点，生成CSS transition/animation的cubic-bezier()值，并即时播放动画效果预览。
SVG转JSX组件生成器 - 自动化React SVG
粘贴SVG代码，将其转换为可复用的React组件，注意驼峰属性名和自闭合标签。
推广链接构造器 - 添加UTM参数
输入原始URL，填入来源、媒介、活动名等，生成带UTM规范的推广追踪链接。
XML结构校验器 - 嵌套闭合与属性检查
检查XML的格式正确性，报告错误的标签闭合和属性缺失。
组件预览沙盒 - 隔离测试 React/Vue 组件
在一个隔离环境中渲染单个组件，调整 props 查看变化，类似于 Storybook 的轻量替代。
CSS 容器查询演示 - @container 根据父元素响应
设置容器宽度阈值，改变容器大小观察组件内部样式的变化，学习容器查询用法。
波的干涉图样生成器 - 双源波长颜色调节
调节两列波的频率、波长和位置，实时观看水面波干涉形成的明暗条纹图案。
SVM 决策边界可视化 - 交互式支持向量机演示
添加二维点并选择核函数，直观展示SVM决策边界与支持向量，理解最大间隔分类原理。
XSS 过滤器测试沙盒 - 输入转义与过滤演示
输入可能的攻击向量，选择不同的转义或过滤策略，实时查看是否被安全处理，教育安全开发。
ResizeObserver演示 - 响应元素尺寸变化
拖拽改变一个div的大小，通过ResizeObserver API实时显示其新的宽度和高度。
财务自由计算器 - FIRE运动进度追踪
根据资产、年支出与储蓄率，估算实现财务自由所需的年限与进度条，激发理财动力。
模糊猜字游戏 - 逐渐清晰猜对得分
字母从极度模糊逐渐变清晰，尽早猜出正确单词获得高分。
黏菌群体模拟 - 基于代理的路径形成
模拟黏菌释放信息素并追踪轨迹形成网络的过程，可用于可视化物流路径。
颜色变量命名工具 - 语义化名称建议
输入颜色十六进制值，根据色相和明度给出类似`--color-primary-500`的命名建议。
贝塞尔曲线沙盒 - 二次/三次曲线编辑导出
拖拽控制点自由绘制二次和三次贝塞尔曲线，导出为SVG path或Canvas绘图命令。
表单标签关联验证器 - 检查 label 与 input 的配对
分析表单 HTML，检查是否每个 input 都有正确关联的 label，并指出使用 aria-label 的替代情况。
z-index层级可视化 - 拖拽相互遮挡关系
添加多个色块拖拽顺序，直观表现层叠上下文与z-index值。
增强版字数统计器 - 中英日韩混合精确计数
支持多语言字符分割，准确统计汉字、英文单词、日文假名数量，并评估社交媒体发文长度。
结构化数据代码快速检查 - 验证 JSON-LD 语法与必填属性
粘贴 JSON-LD 代码，校验语法并提示常见类型的必填属性缺失，辅助 SEO 调试。
瑜伽序列编排器 - 拖拽体式构成课程
从体式库拖入构建瑜伽流，调整时长，导出打印。