tt-adapt

Installation
SKILL.md

Context Check

  1. Read .tt-impeccable.md from project root — confirms current fidelity tier, existing patterns, and constraints.
  2. If absent, infer tier from codebase (mobile-first 390px = Strict TUX-native; dark #000000 desktop = TT Style).
  3. Only run /tt-impeccable teach if the tier is genuinely ambiguous and matters for the adaptation.

Note the current fidelity tier and the target fidelity tier — adaptation may shift a surface between tiers, and this changes which constraints apply after adaptation:

Token values are fixed regardless of tier — load from tt-impeccable/reference/tokens.md as needed.

  • Strict TUX-native → TT Style: moving a mobile product surface to a web/marketing context. The target unlocks uncapped spacing, display type scale, dark canvas, and expressive motion — but TUX token values and the neutral-first color rule still apply. Glassmorphism is opt-in, not a TT Style default — ask the user explicitly before introducing backdrop-filter: blur() surfaces; do not assume it because the tier changed.
  • TT Style → Strict TUX-native: the reverse. Strip desktop patterns, cap spacing at 32px, enforce 390px canvas and safe area, remove glassmorphism if present.
  • Same-tier adaptation (native → native web, or TT Style → responsive TT Style): constraints don't shift, only layout and interaction patterns are rethought.

Adaptation is not scaling. It is rethinking the experience for a new context while keeping TUX token fidelity and the TikTok design language intact.


Related skills
Installs
11
First Seen
Apr 17, 2026