LogoClawIndex
案例技能关于
LogoClawIndex

canvas - 浏览器画布界面渲染

使用文件在浏览器中渲染交互式 React 或原生界面,并支持热重载、验证、截图和状态操作。

标签

更新于: 2026-10-08
界面渲染浏览器画布React原生 JavaScript交互式原型数据可视化仪表板

能力

渲染 React 界面渲染原生网页界面使用预加载界面组件应用 CSS 样式

典型输入

界面需求项目品牌资源样式指南

典型输出

浏览器中的渲染界面App.jsx 或 index.html 文件截图

该技能可以做什么

  • 渲染 React 界面
  • 渲染原生网页界面
  • 使用预加载界面组件
  • 应用 CSS 样式
  • 更新画布文件
  • 捕获截图
  • 读取验证日志
  • 管理画布状态

输入

  • 界面需求
  • 项目品牌资源
  • 样式指南
  • 设计令牌
  • 画布文件

输出

  • 浏览器中的渲染界面
  • App.jsx 或 index.html 文件
  • 截图
  • 验证通知
  • 交互日志条目
  • 画布状态变化

要求

  • Browser Canvas 服务器
  • 浏览器窗口
  • 文件写入权限
  • 运行 CanvasClient 脚本的 Bun

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。