pipe_design_theme_sync

Synchronize local Simple OS token files with Stitch cloud design systems.

Updated May 27, 2026
One-click install
npx skills add https://github.com/ormastes/Spipe --skill pipe-design-theme-sync
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: pipe_design_theme_sync
Source: https://github.com/ormastes/Spipe/tree/main/doc/00_llm_process/skill_command/skills/pipe/design/theme_sync
Command: npx skills add https://github.com/ormastes/Spipe --skill pipe-design-theme-sync

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill prevents design drift by keeping local Simple OS glassmorphism token files aligned with the live Stitch cloud design systems for both Obsidian and Glass themes.

Core Features & Use Cases

  • Pull and snapshot Stitch state: Refreshes local snapshots of Stitch projects and design systems so you can compare what’s live versus what’s local.
  • Detect and classify token drift: Diffs local generated tokens against Stitch snapshots and groups changes into typography, shape, colors, spacing, and metadata categories.
  • Resolve conflicts and push updates safely: Runs a two-step push workflow (build pending payloads, then update+apply via MCP) with a reconcile mode for one-time conflict handling and a push-only mode for steady-state local-wins syncing.
  • Verify with rendered outputs: Produces optional visual verification artifacts to review whether rendering matches Stitch.

Quick Start

Run a reconcile cycle first by setting sync_mode.sdn to reconcile, then run the sync workflow to pull snapshots, diff drift, choose winners per field, and only after validation switch sync_mode.sdn to push_only.

Frequently Asked Questions about pipe_design_theme_sync

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

FAQPage Schema
How do I sync local design tokens with Stitch cloud design systems?

To sync local design tokens with Stitch, you diff local Simple OS glassmorphism token files against Stitch snapshots, classify drift by typography or color, and push updates via MCP using a local-wins reconciliation workflow.

What is design token drift and how do I resolve it?

Design token drift occurs when local token files diverge from live cloud design systems. You resolve it by running a reconcile cycle that classifies differences across typography, shape, colors, and spacing fields to select winners before pushing updates.

How do I prevent design system drift between local files and cloud themes?

Preventing design system drift requires pulling Stitch snapshots, diffing them against local generated tokens, and executing a two-step push workflow to update and apply pending payloads until the diff is clean.

Can I push local design token updates to Stitch using MCP?

Yes, you can push local design token updates to Stitch using MCP. The process builds pending payloads and executes update and apply calls, enforcing a steady-state local-wins sync mode for steady-state updates.

How do I verify rendered design token outputs match the Stitch cloud?

To verify rendered outputs match the Stitch cloud, you generate optional visual verification artifacts after pushing updates. This post-push re-pull validation continues until the token diff is completely clean.

Does the Stitch theme sync workflow require a specific reconciliation mode?

Yes, the Stitch theme sync workflow requires setting sync_mode to reconcile first to handle one-time conflict resolution across typography, color, and spacing fields, before switching to push_only for steady-state local-wins updates.