·ui-useframe
*

ui-useframe

verekia/r3f-gamedev

使用 R3F v10 的外部 useFrame 将 Canvas 外部的 UI 元素与渲染循环同步。

7安装·0热度·@verekia

安装

$npx skills add https://github.com/verekia/r3f-gamedev --skill ui-useframe

SKILL.md

Sync UI elements outside the Canvas with the render loop using R3F v10's external useFrame.

Since React Three Fiber v10, useFrame can be used outside of the Canvas component. This allows updating DOM elements in sync with the 3D scene without using Drei's Html component.

使用 R3F v10 的外部 useFrame 将 Canvas 外部的 UI 元素与渲染循环同步。 来源:verekia/r3f-gamedev。

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/verekia/r3f-gamedev --skill ui-useframe 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/verekia/r3f-gamedev --skill ui-useframe
分类
*创意媒体
认证
收录时间
2026-02-01
更新时间
2026-02-18

快速解答

什么是 ui-useframe?

使用 R3F v10 的外部 useFrame 将 Canvas 外部的 UI 元素与渲染循环同步。 来源:verekia/r3f-gamedev。

如何安装 ui-useframe?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/verekia/r3f-gamedev --skill ui-useframe 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

https://github.com/verekia/r3f-gamedev

详情

分类
*创意媒体
来源
skills.sh
收录时间
2026-02-01