LogoClawIndex
案例技能关于
LogoClawIndex

visual-creative-subagent - 生成独立的浏览器可渲染视觉创意展示页面

使用 HTML、CSS 和 JS 结合特定领域库,生成独立的浏览器可渲染视觉创意展示页面。

标签

更新于: 2026-09-17
数据可视化动画平面设计前端生成视觉校验

能力

生成自包含 HTML 展示页面使用 curl 校验 CDN 链接运行 Playwright 视觉校验脚本审查生成的桌面及移动端截图

典型输入

领域与风格参数配色方案与创作简报库指令与库目录

典型输出

index.htmlstyle.cssapp.js

该技能可以做什么

  • 生成自包含 HTML 展示页面
  • 使用 curl 校验 CDN 链接
  • 运行 Playwright 视觉校验脚本
  • 审查生成的桌面及移动端截图
  • 迭代修复视觉渲染缺陷

输入

  • 领域与风格参数
  • 配色方案与创作简报
  • 库指令与库目录
  • 模拟数据或场景描述
  • 输出目录路径

输出

  • index.html
  • style.css
  • app.js
  • README.md
  • validation/handoff.json
  • 桌面及移动端截图文件
  • Playwright 校验报告

要求

  • Node.js 运行环境
  • Playwright 浏览器自动化框架
  • curl 命令行工具
  • 用于 CDN 校验的网络连接

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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