design-lock-enforcer

Community

Enforce design system consistency.

AuthorBruceTyndall
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill ensures adherence to the Pearl Mineral V2 design system by automatically checking for violations in color usage, typography, glass effects, border radius, and component patterns.

Core Features & Use Cases

  • Color Lock Verification: Audits hex values against the defined doctrine.
  • Typography Audit: Checks font family usage and flags serif fonts on public pages.
  • Glass Effect Pattern Check: Identifies backdrop-blur and bg-opacity patterns.
  • Border Radius Consistency: Lists unique border-radius values used in components.
  • Use Case: Before merging a new feature, run this Skill to guarantee all new UI elements align with the established design guidelines, preventing visual inconsistencies.

Quick Start

Run the design lock enforcer skill to audit the SOCELLE-WEB project for design system violations.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 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: design-lock-enforcer
Download link: https://github.com/BruceTyndall/socelle-global/archive/main.zip#design-lock-enforcer

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 223,000+ vetted skills library on demand.