Skills
.Work. You
Rest

generate-theme

Official

Auto-generate a single-file SCSS theme and mount.

Design & Creative#automation#theming#vue#theme#scss#mixin#app.vue
Authorwot-ui
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill helps developers streamline theming for Wot UI by generating a ready-to-use single-file SCSS theme and auto-mounting it into App.vue.

Core Features & Use Cases

  • Generates a single SCSS theme file at src/themes/styles/{theme}.scss containing a mixin named {theme}-theme-vars.
  • Mounts the theme by following the App.vue integration pattern via @use and the page/.wot-theme-{theme} selectors.
  • Exposes semantic color tokens with fixed values to ensure consistent theming across components.

Quick Start

Provide the theme name and run the skill to generate the SCSS file and mounting code.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: generate-theme
Download link: https://github.com/wot-ui/wot-ui/archive/main.zip#generate-theme

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.