Skills
.Work. You
Rest

remove-color-transition

Community

Make UI colors change instantly, not fade.

Design & Creative#accessibility#frontend#css#tailwind#css-in-js#ui transitions#state styling
Authorkorwlik23
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill removes fade effects from color changes so hover, focus, and other states update instantly instead of transitioning smoothly, improving responsiveness and user preference consistency.

Core Features & Use Cases

  • Targeted color-transition removal: Removes transitions affecting color-related properties (e.g., color, background-color, border-color, outline-color, fill, stroke, text-decoration-color, caret-color, accent-color) without disabling unrelated motion.
  • Framework and syntax coverage: Handles CSS/SCSS/LESS, Tailwind (including transition-colors/transition-all), React/Vue SFCs, inline styles, and common CSS-in-JS patterns (styled-components, Emotion).
  • State-aware edits: Applies changes to specific states (hover/focus/active/selected/disabled/dark mode/breakpoints) when specified; otherwise prompts when intent is ambiguous.

Quick Start

Use this skill when you want your app’s hover and focus color changes to happen instantly by removing only the color-transition parts.

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: remove-color-transition
Download link: https://github.com/korwlik23/skills/archive/main.zip#remove-color-transition

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.