LogoClawIndex
CasesSkillsAbout
LogoClawIndex

styling-with-styletron - Style components with Styletron and Base Web tokens

Styles components and layouts with Styletron CSS-in-JS, Base Web theme tokens, responsive patterns, and theming APIs.

Tags

Updated: 2026-09-29

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Create styled components
  • Apply inline styles
  • Extend component styles
  • Use theme tokens
  • Build responsive layouts
  • Configure theme switching

Inputs

  • Component source code
  • Layout requirements
  • Responsive requirements
  • Theme requirements
  • Base Web components

Outputs

  • Styled component code
  • Responsive layout styles
  • Theme-aware styles
  • Extended component styles

Requirements

  • Styletron-compatible runtime
  • Base Web styling support
  • Fusion.js Styletron plugin when applicable

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.
Styletron
CSS-in-JS
Base Web
responsive design
design tokens
theming
Create styled components
Apply inline styles
Extend component styles
Use theme tokens
Component source code
Layout requirements
Responsive requirements
Styled component code
Responsive layout styles
Theme-aware styles