Skills
.Work. You
Rest

style-tune

Community

Tune themes and component styling in seconds

Design & Creative#oklch#component styling#intent parsing#scss tokens#theme tuning#a11y design system
Authorshawn-sandy
Version1.0.0
Installs0

System Documentation

What problem does it solve?

style-tune helps you translate natural-language aesthetic intent into safe, targeted edits to theme OKLCH roles or component SCSS tokens (for example, making a button warmer, a card softer, or an alert calmer).

Core Features & Use Cases

  • Intent-to-token routing: Parses modifiers like “warmer”, “softer”, “bolder”, and dispatches the change to either theme-layer OKLCH variables or component-layer SCSS tokens.
  • Theme + component editing: Supports tuning theme roles (including paired hover behavior) and component token families such as radius, spacing, elevation, and sizing.
  • Guardrails and idempotency: Enforces clamp ranges and reports when values are already at the target to avoid unnecessary churn.
  • Preview/plan mode workflow: Lets you see resolved deltas before applying edits when you ask for previews.

Quick Start

Ask the assistant to apply a “warmer button” look to your project using style-tune.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: style-tune
Download link: https://github.com/shawn-sandy/agentic-acss-plugins/archive/main.zip#style-tune

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.