LogoClawIndex
案例技能关于
LogoClawIndex

visual-creative-subagent - 生成可直接在浏览器中渲染的独立视觉创意概念。

基于数据可视化、动画或图形设计领域生成独立的 HTML、CSS 与 JS 视觉创意展示页面。

标签

更新于: 2026-09-17
视觉创意子Agent数据可视化动画图形设计Playwright

能力

生成 HTML 展示页面预校验 CDN 脚本 URL运行 Playwright 视觉校验审查生成的展示截图

典型输入

领域类型风格标识符轮次编号

典型输出

index.html 页面style.css 样式表app.js 脚本文件

该技能可以做什么

  • 生成 HTML 展示页面
  • 预校验 CDN 脚本 URL
  • 运行 Playwright 视觉校验
  • 审查生成的展示截图
  • 迭代修复代码问题
  • 编写校验交付元数据

输入

  • 领域类型
  • 风格标识符
  • 轮次编号
  • 输出目录
  • 风格调色板令牌
  • 风格方向简报
  • 库指令
  • 模拟数据
  • 场景描述
  • 防重复列表
  • 库目录 JSON 文件

输出

  • index.html 页面
  • style.css 样式表
  • app.js 脚本文件
  • README.md 文档
  • validation/handoff.json 元数据文件
  • Playwright 截图与报告

要求

  • Node.js 环境
  • Playwright 测试工具
  • curl 工具

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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