LogoClawIndex
CasesSkillsAbout
LogoClawIndex

surface-theme-scaffold-gen - Generate Clef Surface theme scaffolds

Generate Clef Surface theme scaffolds with oklch palette, typography, spacing, motion, elevation, and radius tokens

Tags

Updated: 2026-03-23
design systemtheme scaffoldingaccessibilityWCAGoklch colorstypography scaledesign tokens

Capabilities

generate theme scaffoldsregister theme generatorpreview generation changesvalidate WCAG contrast ratios

Typical Inputs

theme nameprimary colorsecondary color

Typical Outputs

suite manifestlight theme token filedark theme token file

What this skill does

  • generate theme scaffolds
  • register theme generator
  • preview generation changes
  • validate WCAG contrast ratios
  • write theme specification files

Inputs

  • theme name
  • primary color
  • secondary color
  • font family
  • base font size
  • scale ratio
  • border radius
  • theme mode
  • base theme reference

Outputs

  • suite manifest
  • light theme token file
  • dark theme token file
  • palette token file
  • typography token file
  • motion token file
  • elevation token file

Requirements

  • Node.js runtime
  • CLI environment

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.