·ui-freeze

Protects design and theme files from unintended changes. Locks tailwind.config, global CSS, and theme variables. Requires explicit confirmation before modifying UI components. Activate on changes to CSS, theme config, or layout components.

7Installs·0Trend·@svenja-dev

Installation

$npx skills add https://github.com/svenja-dev/claude-code-skills --skill ui-freeze

SKILL.md

Skill to protect design and theme files from unintended changes

| Login | tests/screenshots/login-baseline.png | - | | Dashboard | tests/screenshots/dashboard-baseline.png | - | | Settings | tests/screenshots/settings-baseline.png | - |

Originally developed for fabrikIQ - AI-powered manufacturing data analysis.

Protects design and theme files from unintended changes. Locks tailwind.config, global CSS, and theme variables. Requires explicit confirmation before modifying UI components. Activate on changes to CSS, theme config, or layout components. Source: svenja-dev/claude-code-skills.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/svenja-dev/claude-code-skills --skill ui-freeze
Category
*Creative Media
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is ui-freeze?

Protects design and theme files from unintended changes. Locks tailwind.config, global CSS, and theme variables. Requires explicit confirmation before modifying UI components. Activate on changes to CSS, theme config, or layout components. Source: svenja-dev/claude-code-skills.

How do I install ui-freeze?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/svenja-dev/claude-code-skills --skill ui-freeze Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/svenja-dev/claude-code-skills