WYF Screenshot Studio
上传截图，使用自己的模型 Key 生成并预览前端代码。
React
TailwindCSS
FastAPI
wu的小博客
Selected Work
个人项目
道德经 · 山水书册
翻阅八十一章原文与山水插画，支持章目跳转、缩放和放大镜。
HTML
TailwindCSS
翻页书册
Classic Games
收录多种可直接游玩的经典浏览器小游戏。
HTML
JavaScript
TailwindCSS
原生文档局部更新
演示浏览器原生文档流式更新与局部渲染能力。
HTML
Browser API
拖拽排序实验室
对比原生拖放、FLIP 动画与 Sortable 排序方案。
HTML
JavaScript
TailwindCSS
设计模式实验室
通过浏览器示例理解设计原则、策略模式和状态模式。
JavaScript
Design Patterns
TailwindCSS
LeetCode 交互讲解
用交互动画和分步说明理解算法题。
Algorithms
JavaScript
TailwindCSS
Nodepod Workspace
在浏览器沙箱中编辑并运行虚拟 Node HTTP 服务。
React
Nodepod
Vite
Open File Viewer
演示文件选择、识别与浏览器内预览流程。
HTML
File API
TailwindCSS
RAG 全流程演示
可视化文档切分、检索、重排与答案生成过程。
RAG
JavaScript
TailwindCSS
React Demo
用小型示例观察 React 状态更新与列表渲染。
React
JavaScript
Screenshot Workflow Lite
把截图复刻需求整理成工作流、提示词与 JSON。
HTML
Workflow
TailwindCSS
-
acwing 4645. 选数异或
4645. 选数异或
-
acwing 4366. 上课睡觉
4366. 上课睡觉
-
acwing 4261. 孤独的照片
4261. 孤独的照片
-
acwing 172. 立体推箱子
172. 立体推箱子
My Popular Repositories
《Vue设计与实现》读书笔记
Frontend / AI builder profile README.
Frontend interface for a Web3 token swap platform.