TuneShape · 随形
在浏览器中体验并调节 UI 动效，导出对应代码与提示词用于实现。
- 我的职责
独立完成开发
- 年份
2026
- 项目背景
独立项目 · AI 辅助
- 当前状态
在线工具 · 基础示例开源
- 工具
TypeScript · React · CSS · Canvas
项目背景与内容
随形是一个可交互的 UI 动效实验台，将控件、导航、容器、文字、图片、状态指示与背景等动效组织为可浏览的目录。使用者可以直接体验交互、调整参数，再查看对应的文字说明与实现提示。
项目将预览、参数和导出内容保持关联，提供提示词、配置与独立 HTML 的查看和导出，用于将观察到的动效带入自己的实现。完整工具在线提供，GitHub 只公开基础示例及其配套提示词。
适用范围与限制
GitHub 仅公开基础示例与对应提示词，完整编辑器及网站源码不在公开范围内。