design-family-coherence

Community

Catch cross-brand design drift automatically.

AuthorCleanExpo
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It prevents visual inconsistency across a shared color family by auditing each brand’s design and motion specs for coherence, helping teams avoid accidental drift over time.

Core Features & Use Cases

  • Cross-brand family audit: Compares every member in a specified ColourFamily using their .design.md and .motion.md specifications.
  • Consistency checks across key signals: Verifies signature motion, display typography, spacing rhythm, saturation curve, easing inheritance, component recipe parity, motion budget, and reduced-motion policy.
  • Evidence-backed reporting: Produces a dated markdown report with ✓ / ⚠ / ✗ per check and a PASS/BLOCK verdict, optionally creating a Linear ticket when drift is blocked.

Quick Start

Ask the agent to audit the safety color family in lax mode and generate the coherence report for the current month.

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: design-family-coherence
Download link: https://github.com/CleanExpo/Pi-Dev-Ops/archive/main.zip#design-family-coherence

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.