LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

migrate-canvas-styled-to-tailwind - 将 Canvas 的 Emotion 样式迁移到 Tailwind

将 Apollo React Canvas 组件从 Emotion styled-components 迁移为静态 apollo-wind Tailwind 类和 CSS 自定义属性。

标签

更新于: 2026-09-30

能力

典型输入

典型输出

该技能可以做什么

  • 审查样式组件
  • 分类动态样式
  • 选择迁移模式
  • 提取魔法数字
  • 拆分样式文件
  • 替换样式组件
  • 移除 Emotion 导入
  • 处理关键帧

输入

  • Canvas 样式文件
  • Canvas 组件源文件
  • BaseNode 参考文件
  • 用户迁移批准

输出

  • 迁移计划
  • Tailwind 组件文件
  • 更新后的组件导入
  • 提取后的常量
  • 已移除的样式组件
  • 已移除的 Emotion 导入

要求

  • 仓库访问权限
  • Apollo Wind Tailwind 工具类
  • TypeScript React 项目

来源

  • 规范: SKILL.md
Tailwind 迁移
Emotion 迁移
React
Canvas 组件
移除 CSS-in-JS
审查样式组件
分类动态样式
选择迁移模式
提取魔法数字
Canvas 样式文件
Canvas 组件源文件
BaseNode 参考文件
迁移计划
Tailwind 组件文件
更新后的组件导入