TidyFactor/Cinematic
Command Codex
The top of the page decides everything — memory/09-quality-bar.md calls a static-image-plus-fade the single most common rejection reason. This command owns that entrance in isolation so it can be iterated hardest without touching the rest of the build.
TidyFactor/Cinematic
Command Codex
Everything that changes when the page targets an Arabic (or other RTL) audience — typography, direction, caption placement, and the two hard constraints on generated people/product assets. Kept as the last command in every sequence, matching the PHP tracks' convention of running i18n last.
TidyFactor/Cinematic
Command Codex
The primary deliverable: a complete scroll-driven cinematic landing page for a product, from brief + reference photos to a served, verified index.html. This is the only command that runs the full build order end-to-end in one go — every other command is a focused re-entry point into one stage of it.
TidyFactor/Cinematic
Command Codex
Turn the product brief + reference photos into the raw keyframes, video clips, and cutouts the film and hero commands need. Kept separate from init because re-running just the media step (a reshoot, a new reference photo, a provider switch) shouldn't force re-scaffolding the whole page.
TidyFactor/Cinematic
Command Codex
Apply the final production polish to the landing page deliverable: responsive mobile glassmorphic navigation overlay (#mobileNavOverlay), touch momentum physics (Lenis smoothTouch), high-conversion WhatsApp deep links & floating pulse button (#waBubble), floating scroll-to-top button (#scrollTopBtn), and custom SVG…
TidyFactor/Cinematic
Command Codex
Decide and apply the color system — separate from brand because brand establishes the tokens, while theme decides which theme (light/dark) fits this product and derives the palette variants brand.json doesn't ship (gold-deep, gold-bright, ambient tween start).
TidyFactor/Cinematic
Command Codex
Guarantee no visible cut or ghosting between film segments — the eye should never leave the subject. Isolated from media because a seam is usually a prompting/matching bug caught after generation, not a re-shoot.
TidyFactor/Cinematic
Command Codex
Pick an Arabic (+ Latin accent) font pairing that matches the brand's mood instead of defaulting to El Messiri/Tajawal/Cormorant Garamond on every project. Split out from i18n because font selection is a creative decision made once, early — i18n then applies whichever pair was chosen (RTL rules, caption placement) and…
TidyFactor/Cinematic
Command Codex
Produce a second HTML file from an already-built project — a different palette, headline angle, or CTA — reusing the engine and (where possible) the generated media assets, instead of re-running init from scratch and paying for new media generation that isn't actually needed.
TidyFactor/Cinematic
Skill Claude CodeCodex
TidyFactor Cinematic track — builds single-file, scroll-driven luxury landing pages (Apple x Cartier aesthetic) as one index.html with CDN-only libraries (GSAP, Lenis, Tailwind), no build step, no framework. The product "film" is a JPG frame-sequence drawn on canvas and scrubbed by scroll, not a scrubbed video…
TidyFactor/Cinematic
Instructions file CodexOpenCode
AGENTS.md instructions for TidyFactor/Cinematic, covering agents.md — cinematic luxury landing-page engine, ⚡ skill & modular slash commands, critical architecture (the #1 thing), build order and non-negotiables.
TidyFactor/Cinematic
Skill Claude CodeCodex
Universal AI Agent Skill for building single-file, scroll-driven luxury landing pages (Apple x Cartier aesthetic) with zero build step, GSAP, Lenis, and scrubbed canvas frame sequence films. Trigger on commands 'brief', 'init', 'brand', 'media', 'film', 'hero', 'theme', 'typeface', 'transitions', 'i18n', 'perf'…
TidyFactor/Cinematic
Command
Discovers luxury brand attributes, media pipeline choices, and layout routing using the Contextual Decision Layer (CDL).