gsp-brand-sync

Detect and reconcile brand divergences across tokens, voice, and visual patterns.

49|4|Updated Feb 20, 2026
One-click install
npx skills add https://github.com/jubscodes/get-shit-pretty --skill gsp-brand-sync
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: gsp-brand-sync
Source: https://github.com/jubscodes/get-shit-pretty/tree/main/gsp/skills/gsp-brand-sync
Command: npx skills add https://github.com/jubscodes/get-shit-pretty --skill gsp-brand-sync

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill detects and reconciles divergences between a project's shipped implementation and its source brand system so the canonical brand reflects real-world code, copy, and visuals. It covers tokens, voice and tone, visual component patterns, and overall brand personality to prevent drift between design intent and shipped product.

Core Features & Use Cases

  • Four-dimension analysis: performs token diffs, samples user-facing copy for voice and tone drift, inspects visual component patterns, and assesses personality/positioning evidence.
  • Actionable reporting: writes a structured SYNC-REPORT.md with token tables, file:line evidence, divergence classifications, and an Update Map for precise edits.
  • Interactive, conservative updates: always asks for explicit user confirmation, shows before/after changes, and supports per-dimension or per-change selection to apply edits.
  • Use case: reconcile a brand after manual tweaks or mid-development divergence so future builds and other projects inherit the corrected baseline.

Quick Start

Run the gsp-brand-sync skill against your project to generate a sync report and apply confirmed brand updates.

Frequently Asked Questions about gsp-brand-sync

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I reconcile brand drift between my design system tokens and shipped code?

To reconcile brand drift, you need to perform a brand sync that detects divergences between shipped implementation and source definitions. This process diffs design tokens, samples user-facing copy, and inspects visual patterns to generate an actionable sync report with file:line evidence.

What is a brand audit for a design system codebase?

A brand audit for a design system codebase is a four-dimension analysis that detects divergences across tokens, voice and tone, visual component patterns, and personality. It samples shipped code and content to prevent drift between design intent and the final product.

How do I generate a sync report with file:line evidence for brand token divergences?

You can generate a SYNC-REPORT.md by running an automated brand sync against your project. This report includes token diff tables, divergence classifications, and an Update Map providing precise file:line evidence for targeted edits.

Can I update brand definitions mid-development without losing manual code tweaks?

Yes, you can update brand definitions mid-development using an interactive sync process. It requires explicit confirmation before writing brand files, shows before/after changes, and supports per-dimension selection to ensure manual tweaks are intentionally reconciled.

Does brand sync work with project config files or .design/branding directories?

Brand sync works with projects where a linked brand exists in .design/branding or project config files. It analyzes these source definitions against the shipped codebase to correct the baseline for future builds.

When should I not use an automated brand sync tool?

You should avoid automated brand sync when your project lacks a linked brand definition in .design/branding or config files, as the tool requires this canonical baseline to detect token, voice, and visual pattern divergences accurately.