tt-adapt
Installation
SKILL.md
Context Check
- Read
.tt-impeccable.mdfrom project root — confirms current fidelity tier, existing patterns, and constraints. - If absent, infer tier from codebase (mobile-first 390px = Strict TUX-native; dark
#000000desktop = TT Style). - Only run
/tt-impeccable teachif 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