LogoClawIndex
CasesSkillsAbout
LogoClawIndex

website-theme - Apply Design Theme to Website

Apply complete design theme to existing website with colors, fonts, radius, shadows, motion

Tags

Updated: 2026-05-09
website themedesign tokenscolorstypographyCSS variablesfront-end designdesign systemtheming

Capabilities

read website filesgenerate theme proposalsapply design tokensupdate CSS variables

Typical Inputs

website project pathdesign preferencesexternal design reference

Typical Outputs

theme proposalsCSS custom propertiesfont configuration

What this skill does

  • read website files
  • generate theme proposals
  • apply design tokens
  • update CSS variables
  • replace font imports
  • update navigation classes
  • update footer classes
  • verify theme changes

Inputs

  • website project path
  • design preferences
  • external design reference
  • design archetypes
  • color formulas
  • animated components

Outputs

  • theme proposals
  • CSS custom properties
  • font configuration
  • navigation styles
  • footer styles
  • shadow values
  • motion values

Requirements

  • Next.js project
  • TypeScript
  • Tailwind CSS
  • file system access
  • shell commands

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.