Session date: 2026-05-19

Priority: High

Status: Complete

Tags: skills-sync, drift-prevention, completion-log

What was done

Built a 16-skill SAIL-specific design system that overrides the generic design:design-system plugin and addresses every gap and overwrite/revert risk surfaced in the research pass.

10 new core design skills (all at Skills/sail-*):

  1. sail-design-foundation — single source of truth for tokens (color, type, spacing, radius, shadow, motion, breakpoints, z-index, container widths). Every other sail-design-* skill inherits from this.
  2. sail-ui-kit — buttons, inputs, chips, badges, eyebrows, segmented toggles, breadcrumbs, tooltips, link styles, loading states.
  3. sail-hero-blocks — 6 hero variants (image-bg, video-bg, portrait, asymmetric editorial, map-bg, gradient + radial glow).
  4. sail-page-layouts — 3 layouts (standard + sticky sidebar, editorial chapter, landing-page bands) + container truth table + sa/sal/BEM migration plan.
  5. sail-sidebars — 5 modules (CTA, trust, video, case-result rotator, related) with the position: sticky fix the production practice-area page is missing.
  6. sail-page-breaks — 3 divider variants + 5 interstitial blocks. Retires the 5+ ad-hoc divider classes on the live site.
  7. sail-forms — 4 patterns posting to /wp-json/sal/v1/contact-intake. Replaces the orphan Tailwind contact form.
  8. sail-static-ads — Google Display / Meta / LinkedIn / OOH / billboard specs.
  9. sail-landing-pages — WP single-template + React/Tailwind kit + Spanish AB-test kit.
  10. sail-embedded-views — wrappers for YouTube (nocookie always), Case Status, Google Reviews, Maps, calendars, chatbots.

1 orchestrator:

  1. sail-design-system — intercepts /design:design-system, routes to the right sail-* skill, audits naming.

5 promoted local designs (lifted from local repos):