🎨 The "CSS Variable" Refactorer Skill
Convert hardcoded hex colors and pixel values into a consistent CSS variable system.
About This Skill
This creative skill is a structured Markdown document that teaches an AI agent how to perform a specific task. Drop it into your agent's skills directory or paste it as context to give the agent the procedure on demand.
Category: Creative
Tags: design, css, claude code
How to Use
- Copy the full Markdown skill
- Save it as a .md file in your agent's skills folder (Claude Skills, Cursor rules, Lovable skills) — or paste it directly into a chat as context
- Replace the placeholders with your project specifics
- Invoke the agent on the matching task — it will follow the procedure