LogoClawIndex
案例技能关于
LogoClawIndex

styling-with-styletron - 使用 Styletron 和 Base Web 令牌为组件添加样式

使用 Styletron CSS-in-JS、Base Web 主题令牌、响应式模式和主题 API 为组件与布局添加样式。

标签

更新于: 2026-09-29

能力

典型输入

典型输出

该技能可以做什么

  • 创建样式化组件
  • 应用内联样式
  • 扩展组件样式
  • 使用主题令牌
  • 构建响应式布局
  • 配置主题切换

输入

  • 组件源代码
  • 布局要求
  • 响应式要求
  • 主题要求
  • Base Web 组件

输出

  • 样式化组件代码
  • 响应式布局样式
  • 适配主题的样式
  • 扩展后的组件样式

要求

  • 兼容 Styletron 的运行时
  • Base Web 样式支持
  • 适用时使用 Fusion.js Styletron 插件

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
Styletron
CSS-in-JS
Base Web
响应式设计
设计令牌
主题
创建样式化组件
应用内联样式
扩展组件样式
使用主题令牌
组件源代码
布局要求
响应式要求
样式化组件代码
响应式布局样式
适配主题的样式