{"_id":"@alwkala/create-cinematic-kit","_rev":"9-5610885f3372a0a39bd4c2dacd4ef9e9","name":"@alwkala/create-cinematic-kit","dist-tags":{"latest":"3.4.0"},"versions":{"1.0.0":{"name":"@alwkala/create-cinematic-kit","version":"1.0.0","keywords":["create-cinematic-kit","cinematic-landing-kit","agent-skill","landing-page","gsap","lenis","scroll-film","cli","npx"],"author":{"name":"alwkala"},"license":"MIT","_id":"@alwkala/create-cinematic-kit@1.0.0","maintainers":[{"name":"alwkala","email":"development@alwkala.com"}],"homepage":"https://github.com/alwkala/Cinematic-Landing-Kit#readme","bugs":{"url":"https://github.com/alwkala/Cinematic-Landing-Kit/issues"},"bin":{"cinematic-kit":"bin/create-kit.js","add-cinematic-skill":"bin/add-skill.js","create-cinematic-kit":"bin/create-kit.js"},"dist":{"shasum":"7930e55fdccd83a29b8881f7fa01c2432f032b82","tarball":"https://registry.npmjs.org/@alwkala/create-cinematic-kit/-/create-cinematic-kit-1.0.0.tgz","fileCount":49,"integrity":"sha512-jC2feEiGwlABrQAfAoILVwNwacRFeAtk+eXef3aiIYmbzjCqNrXJy/fJwU1Ab/PpYqWh8X2hH3DZ0H5WOnpEzQ==","signatures":[{"sig":"MEUCIQDfPvSmcJtZJ2+FCR3ICXWSQFZAXWSVQJcTHfBYM9HCMAIgJ4KAlS+KbAhQijBg22NSqBycQegTOya9ZxXlI4JYjAs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1217914},"main":"bin/create-kit.js","engines":{"node":">=16.0.0"},"gitHead":"721f76a3d8155324099ed8c8763203d6478bb614","scripts":{"test":"node ./bin/create-kit.js --help"},"_npmUser":{"name":"alwkala","email":"development@alwkala.com"},"repository":{"url":"git+https://github.com/alwkala/Cinematic-Landing-Kit.git","type":"git"},"_npmVersion":"11.6.2","description":"CLI generator and Agent Skill installer for Cinematic Landing Kit (Apple x Cartier aesthetic scroll-driven landing pages)","directories":{},"_nodeVersion":"24.11.0","dependencies":{"ora":"^5.4.1","chalk":"^4.1.2","prompts":"^2.4.2"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/create-cinematic-kit_1.0.0_1785031685096_0.3007108784141779","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package deprecated. Please use @alwkala/tidyfactor-cinematic instead."},"3.0.0":{"name":"@alwkala/create-cinematic-kit","version":"3.0.0","keywords":["create-cinematic-kit","cinematic-landing-kit","agent-skill","landing-page","gsap","lenis","scroll-film","cli","npx"],"author":{"name":"alwkala"},"license":"MIT","_id":"@alwkala/create-cinematic-kit@3.0.0","maintainers":[{"name":"alwkala","email":"development@alwkala.com"}],"homepage":"https://github.com/alwkala/Cinematic-Landing-Kit#readme","bugs":{"url":"https://github.com/alwkala/Cinematic-Landing-Kit/issues"},"bin":{"cinematic-kit":"bin/create-kit.js","add-cinematic-skill":"bin/add-skill.js","create-cinematic-kit":"bin/create-kit.js"},"dist":{"shasum":"03b327031e87d08230a2478dc0c22ca3a8b077e0","tarball":"https://registry.npmjs.org/@alwkala/create-cinematic-kit/-/create-cinematic-kit-3.0.0.tgz","fileCount":55,"integrity":"sha512-8o6ZVAhDkzNn2SQx/3ocoIGhmyD1wvKMkRnuz3S9YHIWHKScafv0aYd7updWDxpswd4jIi5DvAiozpSvvk6gDg==","signatures":[{"sig":"MEQCIBw+xS7yyT3mAhIJkVlLDGSZZi+s1+ePDMII1ifM3YLfAiBV+ZNiAegwYJ07k2ydx/p5lLTxXAU3aw4Hp2CXOvM2WA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1235756},"main":"bin/create-kit.js","engines":{"node":">=16.0.0"},"gitHead":"5832f1cba4f6dcb256572a72ebf81335e4810316","scripts":{"test":"node ./bin/create-kit.js --help","build:all":"node tools/build-skill.js && node tools/build-antigravity.js","build:claude":"node tools/build-skill.js","build:antigravity":"node tools/build-antigravity.js"},"_npmUser":{"name":"alwkala","email":"development@alwkala.com"},"repository":{"url":"git+https://github.com/alwkala/Cinematic-Landing-Kit.git","type":"git"},"_npmVersion":"11.6.2","description":"CLI generator and Agent Skill installer for Cinematic Landing Kit (Apple x Cartier aesthetic scroll-driven landing pages)","directories":{},"_nodeVersion":"24.11.0","dependencies":{"ora":"^5.4.1","chalk":"^4.1.2","prompts":"^2.4.2"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/create-cinematic-kit_3.0.0_1785038583346_0.9205236016322325","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package deprecated. Please use @alwkala/tidyfactor-cinematic instead."},"3.1.0":{"name":"@alwkala/create-cinematic-kit","version":"3.1.0","keywords":["create-cinematic-kit","cinematic-landing-kit","agent-skill","landing-page","gsap","lenis","scroll-film","cli","npx"],"author":{"name":"alwkala"},"license":"MIT","_id":"@alwkala/create-cinematic-kit@3.1.0","maintainers":[{"name":"alwkala","email":"development@alwkala.com"}],"homepage":"https://github.com/alwkala/Cinematic-Landing-Kit#readme","bugs":{"url":"https://github.com/alwkala/Cinematic-Landing-Kit/issues"},"bin":{"cinematic-kit":"bin/create-kit.js","add-cinematic-skill":"bin/add-skill.js","create-cinematic-kit":"bin/create-kit.js"},"dist":{"shasum":"b28117f1437e1cd3868fe52223931032dcae20f7","tarball":"https://registry.npmjs.org/@alwkala/create-cinematic-kit/-/create-cinematic-kit-3.1.0.tgz","fileCount":97,"integrity":"sha512-UWYyQET8a19kmp5+QkwaTzRkyTyLeFWEm0KYOZBG4Jli7Tl4sMMPcg8rgqoQertjB0onSIU+o+DKnw3i555ERg==","signatures":[{"sig":"MEUCIQCoENIW/VaTPxCYLo/dET7/YHAcxYTawW68ro5oPfTyWAIge6ebtbKChIrDiu3aSzKUL1wWfbrAIKVGT5VG2ehbRNw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1362624},"main":"bin/create-kit.js","engines":{"node":">=16.0.0"},"gitHead":"648d9306469aadee3dd3cabbfd9cf2bc1daba53b","scripts":{"test":"node ./bin/create-kit.js --help","build:all":"node tools/validate-skill.js && node tools/build-skill.js && node tools/build-antigravity.js","build:claude":"node tools/build-skill.js","validate:skill":"node tools/validate-skill.js","build:antigravity":"node tools/build-antigravity.js"},"_npmUser":{"name":"alwkala","email":"development@alwkala.com"},"repository":{"url":"git+https://github.com/alwkala/Cinematic-Landing-Kit.git","type":"git"},"_npmVersion":"11.6.2","description":"CLI generator and Agent Skill installer for Cinematic Landing Kit (Apple x Cartier aesthetic scroll-driven landing pages)","directories":{},"_nodeVersion":"24.11.0","dependencies":{"ora":"^5.4.1","chalk":"^4.1.2","prompts":"^2.4.2"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/create-cinematic-kit_3.1.0_1785176399377_0.735164272898813","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package deprecated. Please use @alwkala/tidyfactor-cinematic instead."},"3.2.1":{"name":"@alwkala/create-cinematic-kit","version":"3.2.1","keywords":["create-cinematic-kit","cinematic-landing-kit","agent-skill","landing-page","gsap","lenis","scroll-film","cli","npx"],"author":{"name":"alwkala"},"license":"MIT","_id":"@alwkala/create-cinematic-kit@3.2.1","maintainers":[{"name":"alwkala","email":"development@alwkala.com"}],"homepage":"https://github.com/alwkala/Cinematic-Landing-Kit#readme","bugs":{"url":"https://github.com/alwkala/Cinematic-Landing-Kit/issues"},"bin":{"cinematic-kit":"bin/create-kit.js","add-cinematic-skill":"bin/add-skill.js","create-cinematic-kit":"bin/create-kit.js"},"dist":{"shasum":"c33bfcf964de039f0ea29bae34115800dee6f81e","tarball":"https://registry.npmjs.org/@alwkala/create-cinematic-kit/-/create-cinematic-kit-3.2.1.tgz","fileCount":97,"integrity":"sha512-R7+Gkj6AAgWsmbbo1iE5HMdC21MkRFJXgBO24bakbpgT0arykjDJOOgQnVFm5nyCvarg7P2Dxnq3m8bOTW+UMw==","signatures":[{"sig":"MEQCIHD4dKNUnXupnw2Oc9NTLlMz6q7wANGgXsOc62/P/IaWAiBWClzg29C+7Ptsft6T2lz5Q7OdSKXRW76+EnLzkwKAIg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1356843},"main":"bin/create-kit.js","engines":{"node":">=16.0.0"},"gitHead":"3d35ce670c13e45678b5584a5b3f49624548b117","scripts":{"test":"node ./bin/create-kit.js --help","build:all":"node tools/validate-skill.js && node tools/build-skill.js && node tools/build-antigravity.js","build:claude":"node tools/build-skill.js","validate:skill":"node tools/validate-skill.js","build:antigravity":"node tools/build-antigravity.js"},"_npmUser":{"name":"alwkala","email":"development@alwkala.com"},"repository":{"url":"git+https://github.com/alwkala/Cinematic-Landing-Kit.git","type":"git"},"_npmVersion":"11.6.2","description":"CLI generator and Agent Skill installer for Cinematic Landing Kit (Apple x Cartier aesthetic scroll-driven landing pages)","directories":{},"_nodeVersion":"24.11.0","dependencies":{"ora":"^5.4.1","chalk":"^4.1.2","prompts":"^2.4.2"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/create-cinematic-kit_3.2.1_1785185736574_0.5939528115812012","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package deprecated. Please use @alwkala/tidyfactor-cinematic instead."},"3.2.2":{"name":"@alwkala/create-cinematic-kit","version":"3.2.2","keywords":["create-cinematic-kit","cinematic-landing-kit","agent-skill","landing-page","gsap","lenis","scroll-film","cli","npx"],"author":{"name":"alwkala"},"license":"MIT","_id":"@alwkala/create-cinematic-kit@3.2.2","maintainers":[{"name":"alwkala","email":"development@alwkala.com"}],"homepage":"https://github.com/alwkala/Cinematic-Landing-Kit#readme","bugs":{"url":"https://github.com/alwkala/Cinematic-Landing-Kit/issues"},"bin":{"cinematic-kit":"bin/create-kit.js","add-cinematic-skill":"bin/add-skill.js","create-cinematic-kit":"bin/create-kit.js"},"dist":{"shasum":"54459e4dd39a9b2512ce410d0ce07844be7de563","tarball":"https://registry.npmjs.org/@alwkala/create-cinematic-kit/-/create-cinematic-kit-3.2.2.tgz","fileCount":97,"integrity":"sha512-3/nf0WpqAh60ts9zrflGXXYONepZAcvj8zpc+OLWPCUQbtQuVy3Nvgjdfby2lIM04bQBLo6aQqyjWvrgh3h2+Q==","signatures":[{"sig":"MEQCIHqthsFfRcxnxzIZNV19HZM/5wPaL01+LuEote5eOfcOAiBPI2WSs9j2OZGwhoH0cE/ggZ3dWtkl4ntTokjVpQNgIQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1356843},"main":"bin/create-kit.js","engines":{"node":">=16.0.0"},"gitHead":"3d35ce670c13e45678b5584a5b3f49624548b117","scripts":{"test":"node ./bin/create-kit.js --help","build:all":"node tools/validate-skill.js && node tools/build-skill.js && node tools/build-antigravity.js","build:claude":"node tools/build-skill.js","validate:skill":"node tools/validate-skill.js","build:antigravity":"node tools/build-antigravity.js"},"_npmUser":{"name":"alwkala","email":"development@alwkala.com"},"repository":{"url":"git+https://github.com/alwkala/Cinematic-Landing-Kit.git","type":"git"},"_npmVersion":"11.6.2","description":"CLI generator and Agent Skill installer for Cinematic Landing Kit (Apple x Cartier aesthetic scroll-driven landing pages)","directories":{},"_nodeVersion":"24.11.0","dependencies":{"ora":"^5.4.1","chalk":"^4.1.2","prompts":"^2.4.2"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/create-cinematic-kit_3.2.2_1785186242120_0.007794943889238626","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package deprecated. Please use @alwkala/tidyfactor-cinematic instead."},"3.3.0":{"name":"@alwkala/create-cinematic-kit","version":"3.3.0","keywords":["create-cinematic-kit","cinematic-landing-kit","agent-skill","landing-page","gsap","lenis","scroll-film","cli","npx"],"author":{"name":"alwkala"},"license":"MIT","_id":"@alwkala/create-cinematic-kit@3.3.0","maintainers":[{"name":"alwkala","email":"development@alwkala.com"}],"homepage":"https://github.com/alwkala/Cinematic-Landing-Kit#readme","bugs":{"url":"https://github.com/alwkala/Cinematic-Landing-Kit/issues"},"bin":{"cinematic-kit":"bin/create-kit.js","add-cinematic-skill":"bin/add-skill.js","create-cinematic-kit":"bin/create-kit.js"},"dist":{"shasum":"c7a21158d37856fce6cf7592b7eccda2283ea05c","tarball":"https://registry.npmjs.org/@alwkala/create-cinematic-kit/-/create-cinematic-kit-3.3.0.tgz","fileCount":99,"integrity":"sha512-7RKHjk1066qinjQwbHdWZDHAj3EyT8dcxOICJL2fY1CgummMgWA9TleyfueESeGQ7Z8yzOtVWBnMsohu1/Nb/g==","signatures":[{"sig":"MEUCIQC+kEvFbA4vaWai75f7riQVKBtuZD48TokRIt4FlSdlJwIgWtiO9Inq9tFWN9tIIjVkk/+9sAS+TlqtXYCOgwBGtDI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1463095},"main":"bin/create-kit.js","engines":{"node":">=16.0.0"},"gitHead":"517b561de8d9b208242038618fb43b2c3f09dbd7","scripts":{"test":"node ./bin/create-kit.js --help","build:all":"node tools/validate-skill.js && node tools/build-skill.js && node tools/build-antigravity.js","build:claude":"node tools/build-skill.js","validate:skill":"node tools/validate-skill.js","build:antigravity":"node tools/build-antigravity.js"},"_npmUser":{"name":"alwkala","email":"development@alwkala.com"},"repository":{"url":"git+https://github.com/alwkala/Cinematic-Landing-Kit.git","type":"git"},"_npmVersion":"11.6.2","description":"CLI generator and Agent Skill installer for Cinematic Landing Kit (Apple x Cartier aesthetic scroll-driven landing pages)","directories":{},"_nodeVersion":"24.11.0","dependencies":{"ora":"^5.4.1","chalk":"^4.1.2","prompts":"^2.4.2"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/create-cinematic-kit_3.3.0_1785189998833_0.3289302857007248","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package deprecated. Please use @alwkala/tidyfactor-cinematic instead."},"3.3.2":{"name":"@alwkala/create-cinematic-kit","version":"3.3.2","keywords":["create-cinematic-kit","cinematic-landing-kit","agent-skill","landing-page","gsap","lenis","scroll-film","cli","npx"],"author":{"name":"alwkala"},"license":"MIT","_id":"@alwkala/create-cinematic-kit@3.3.2","maintainers":[{"name":"alwkala","email":"development@alwkala.com"}],"homepage":"https://github.com/alwkala/Cinematic-Landing-Kit#readme","bugs":{"url":"https://github.com/alwkala/Cinematic-Landing-Kit/issues"},"bin":{"cinematic-kit":"bin/create-kit.js","add-cinematic-skill":"bin/add-skill.js","create-cinematic-kit":"bin/create-kit.js"},"dist":{"shasum":"a72a62bbe15447eb4d0bc53db6d0d0083d352001","tarball":"https://registry.npmjs.org/@alwkala/create-cinematic-kit/-/create-cinematic-kit-3.3.2.tgz","fileCount":99,"integrity":"sha512-8G8NLAQQyzJybS3wXeXEHz5xM5pIwvEE0ZUFhyZu5k2f4UsleIMR3lsV49GB6Z40/7fCO7INoYRIFdvdXs/ksA==","signatures":[{"sig":"MEUCIQDxYnajOfv/eDSkyoWf1GR4dRef57+yYotBrbiK+/IPyQIgQ+tmMGEAMn4mUN6Fwvv1AmNjXgoVFGYdulurxC/r5mg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1468092},"main":"bin/create-kit.js","engines":{"node":">=16.0.0"},"gitHead":"9647ee3dff1513796b2af8895b296b311fc6d7f2","scripts":{"test":"node ./bin/create-kit.js --help","build:all":"node tools/validate-skill.js && node tools/build-skill.js && node tools/build-antigravity.js","build:claude":"node tools/build-skill.js","validate:skill":"node tools/validate-skill.js","build:antigravity":"node tools/build-antigravity.js"},"_npmUser":{"name":"alwkala","email":"development@alwkala.com"},"repository":{"url":"git+https://github.com/alwkala/Cinematic-Landing-Kit.git","type":"git"},"_npmVersion":"11.6.2","description":"CLI generator and Agent Skill installer for Cinematic Landing Kit (Apple x Cartier aesthetic scroll-driven landing pages)","directories":{},"_nodeVersion":"24.11.0","dependencies":{"ora":"^5.4.1","chalk":"^4.1.2","prompts":"^2.4.2"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/create-cinematic-kit_3.3.2_1785192464752_0.22463630421323577","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package deprecated. Please use @alwkala/tidyfactor-cinematic instead."},"3.4.0":{"name":"@alwkala/create-cinematic-kit","version":"3.4.0","keywords":["create-cinematic-kit","cinematic-landing-kit","agent-skill","landing-page","gsap","lenis","scroll-film","cli","npx"],"author":{"url":"https://alwkala.com","name":"TidyFactor & Alwkala","email":"hello@tidyfactor.com"},"license":"Apache-2.0","_id":"@alwkala/create-cinematic-kit@3.4.0","maintainers":[{"name":"alwkala","email":"development@alwkala.com"}],"homepage":"https://tidyfactor.com","bugs":{"url":"https://github.com/TidyFactor/Cinematic/issues"},"bin":{"add-skill":"bin/add-skill.js","cinematic-kit":"bin/create-kit.js","add-cinematic-skill":"bin/add-skill.js","create-cinematic-kit":"bin/create-kit.js","tidyfactor-cinematic":"bin/create-kit.js"},"dist":{"shasum":"bcc71f4f095fd2dc40e868a3f3c686877065a668","tarball":"https://registry.npmjs.org/@alwkala/create-cinematic-kit/-/create-cinematic-kit-3.4.0.tgz","fileCount":103,"integrity":"sha512-fk3C/gXwD3398YfkSrIHyrwYT3MKcLzRN39rWy8mE3Vgwa+TPbcmk8fkUIxkqOjGyUXADcPcEr76Cn225YXH2A==","signatures":[{"sig":"MEUCIE2E5tI0r3KgwLwxXSrVpwKeVyieDXLCOO5531IxWn2MAiEAya7SwsdHiq7NntAJNlbfgSiI9yT1cnvzXtSXREtTJvA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1586092},"main":"bin/create-kit.js","engines":{"node":">=16.0.0"},"gitHead":"c2820d5d377b6b77e067e5d7a583e1e32ad25794","scripts":{"test":"node ./bin/create-kit.js --help","validate":"node tools/validate-skill.js --sync","build:all":"npm run validate && node tools/build-skill.js && node tools/build-antigravity.js","build:claude":"node tools/build-skill.js","validate:skill":"node tools/validate-skill.js --sync","build:antigravity":"node tools/build-antigravity.js"},"_npmUser":{"name":"alwkala","email":"development@alwkala.com"},"repository":{"url":"git+https://github.com/TidyFactor/Cinematic.git","type":"git"},"_npmVersion":"11.6.2","description":"TidyFactor Cinematic — Scroll-Driven Luxury Experience Engine — Apple × Cartier Aesthetic for AI Agents","directories":{},"_nodeVersion":"24.11.0","dependencies":{"ora":"^5.4.1","chalk":"^4.1.2","prompts":"^2.4.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/create-cinematic-kit_3.4.0_1787436734023_0.47868030376909565","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package deprecated. Please use @alwkala/tidyfactor-cinematic instead."}},"time":{"created":"2026-07-26T02:08:04.964Z","modified":"2026-08-25T02:51:08.722Z","1.0.0":"2026-07-26T02:08:05.266Z","3.0.0":"2026-07-26T04:03:03.554Z","3.1.0":"2026-07-27T18:19:59.613Z","3.2.1":"2026-07-27T20:55:36.708Z","3.2.2":"2026-07-27T21:04:02.322Z","3.3.0":"2026-07-27T22:06:39.011Z","3.3.2":"2026-07-27T22:47:44.941Z","3.4.0":"2026-08-22T22:12:14.215Z"},"bugs":{"url":"https://github.com/TidyFactor/Cinematic/issues"},"author":{"url":"https://alwkala.com","name":"TidyFactor & Alwkala","email":"hello@tidyfactor.com"},"license":"Apache-2.0","homepage":"https://tidyfactor.com","keywords":["create-cinematic-kit","cinematic-landing-kit","agent-skill","landing-page","gsap","lenis","scroll-film","cli","npx"],"repository":{"url":"git+https://github.com/TidyFactor/Cinematic.git","type":"git"},"description":"TidyFactor Cinematic — Scroll-Driven Luxury Experience Engine — Apple × Cartier Aesthetic for AI Agents","maintainers":[{"name":"alwkala","email":"development@alwkala.com"}],"readme":"<div align=\"center\">\r\n\r\n# 🎬 TidyFactor Cinematic `v3.4.0`\r\n### Scroll-Driven Luxury Experience Engine — Apple × Cartier Aesthetic for AI Agents\r\n\r\n**The official luxury experience track within the TidyFactor Community Architecture Ecosystem.**\r\n\r\n```\r\n                TidyFactor\r\n                    │\r\n          ┌─────────┼─────────┐\r\n          │         │         │\r\n      Cinematic   Design    Styler\r\n          │         │         │\r\n      Experience Prototype Production\r\n          │         │         │\r\n       \"Wow\"      \"Build\"   \"Ship\"\r\n```\r\n\r\n[![npm version](https://img.shields.io/npm/v/@alwkala/tidyfactor-cinematic.svg?color=gold&style=for-the-badge&logo=npm)](https://www.npmjs.com/package/@alwkala/tidyfactor-cinematic)\r\n[![License: Apache-2.0](https://img.shields.io/badge/License-Apache--2.0-blue.svg?style=for-the-badge)](LICENSE)\r\n[![GitHub](https://img.shields.io/badge/GitHub-TidyFactor%2FCinematic-181717.svg?style=for-the-badge&logo=github)](https://github.com/TidyFactor/Cinematic)\r\n[![Universal AI Agents](https://img.shields.io/badge/AI%20Agents-Universal%20Compatibility-4285F4.svg?style=for-the-badge)](README.md)\r\n[![RTL Ready](https://img.shields.io/badge/RTL-Native%20Arabic-emerald.svg?style=for-the-badge)](README.ar.md)\r\n[![Zero Build](https://img.shields.io/badge/Build-Zero%20Step-purple.svg?style=for-the-badge)](#-stack--zero-build-architecture)\r\n\r\n[✨ Live Demo](https://alwkala.com/design-system-kit/) • [🚀 Quick Start](#-quick-start--usage-guide) • [⚡ Slash Commands](#-universal-17-slash-commands) • [🏛️ Ecosystem Matrix](#-tidyfactor-ecosystem-architecture) • [📖 Read in Arabic (بالعربية)](README.ar.md)\r\n\r\n</div>\r\n\r\n---\r\n\r\n## 🌟 Overview\r\n\r\n**Cinematic Landing Kit** is an engine and memory package that instructs **any AI coding agent** (Google Antigravity, Claude Code, Cursor, Windsurf, Roo Code, Cline, Codex, etc.) to produce high-impact, scroll-driven product films and luxury landing pages. \r\n\r\nInstead of generating basic, static websites, your AI agent follows strict production-tested patterns to build single-file HTML landing pages powered by HTML5 `<canvas>` frame sequences, GSAP animations, and Lenis smooth scrolling — **with zero build step, no bundler, and pure CDN speed.**\r\n\r\n```\r\nAI Agent reads AGENTS.md  →  Loads memory/ & SKILL.md  →  Generates index.html  →  Ready to launch 🚀\r\n```\r\n\r\n<div dir=\"rtl\" align=\"right\">\r\n\r\n### 🇸🇦 نبذة عن النظام \r\nسواءً كنت تبني صفحة هبوط لمنتج أو خدمة فاخرة، أو تسعى لبناء نموذج أولي (Prototype) مبهر، فقد صُممت هذه الأداة من فريق الوكالة للبرمجيات (**Alwkala**) بخبرة تمتد لأكثر من 20 عاماً في تصميم وتطوير تجارب المستخدم.\r\n\r\nتُزوّد هذه الحزمة أي مساعد برمجيات بالذكاء الاصطناعي (مثل Claude Code, Cursor, Antigravity) بالخبرات والأنماط الإنتاجية لبناء صفحات هبوط تفاعلية تُعرض فيها المنتجات كأفلام تفاعلية تتحرك مع تمرير الشاشة، بدون أي تعقيدات تقنية أو أدوات بناء برمجية (ملف `index.html` واحد يعمل فوراً).\r\n\r\n> 📖 **للاطلاع على التوثيق والدليل الكامل باللغة العربية:** **[انقر هنا لفتح الدليل بالعربية (README.ar.md)](README.ar.md)**\r\n\r\n</div>\r\n\r\n---\r\n\r\n## 📺 Visual Showcase & Live Demo\r\n\r\n> 🌐 **Experience the Live Interactive Demo:** [alwkala.com/design-system-kit](https://alwkala.com/design-system-kit/)\r\n\r\n<div align=\"center\">\r\n  <img src=\"./CinematicLandingKit.jpg\" width=\"100%\" alt=\"Cinematic Landing Kit Hero Showcase\" style=\"border-radius: 8px; margin-bottom: 12px;\"/>\r\n</div>\r\n\r\n<table align=\"center\">\r\n  <tr>\r\n    <td width=\"50%\">\r\n      <img src=\"./screenshot-1.jpg\" alt=\"Scroll Film Demo 1\" style=\"border-radius: 6px;\"/>\r\n      <p align=\"center\"><b>Scroll-Driven Canvas Film</b></p>\r\n    </td>\r\n    <td width=\"50%\">\r\n      <img src=\"./screenshot-2.jpg\" alt=\"Scroll Film Demo 2\" style=\"border-radius: 6px;\"/>\r\n      <p align=\"center\"><b>Aura & Transparent PNG Hero Cutout</b></p>\r\n    </td>\r\n  </tr>\r\n</table>\r\n\r\n---\r\n\r\n## 🚀 Quick Start & Usage Guide\r\n\r\nPublished on NPM as [**`@alwkala/create-cinematic-kit`**](https://www.npmjs.com/package/@alwkala/create-cinematic-kit).\r\n\r\n### Option 1: Create a Brand New Project (Scaffold)\r\nScaffold a complete, ready-to-build luxury landing page project with all layout templates:\r\n\r\n```bash\r\n# Interactive execution (Real terminal TTY with menu picker)\r\nnpx @alwkala/create-cinematic-kit\r\n\r\n# Single product high-conversion e-commerce + WhatsApp layout\r\nnpx @alwkala/create-cinematic-kit my-watch-shop --layout=product\r\n\r\n# Multi-product WhatsApp catalog store layout\r\nnpx @alwkala/create-cinematic-kit my-boutique-store --layout=store\r\n\r\n# Automotive & Performance magazine layout (Cars, Racing, Community)\r\nnpx @alwkala/create-cinematic-kit my-car-hub --layout=auto\r\n\r\n# Luxury film scroll layout (Perfume, Watches, Automotive)\r\nnpx @alwkala/create-cinematic-kit my-perfume-brand --layout=film\r\n\r\n# SaaS App / Platform device mockup layout\r\nnpx @alwkala/create-cinematic-kit my-saas-app --layout=app\r\n\r\n# Non-interactive / AI Agent / CI mode (automated defaults, zero prompts)\r\nnpx @alwkala/create-cinematic-kit my-luxury-landing --yes\r\n\r\n# Or install globally and run anytime\r\nnpm install -g @alwkala/create-cinematic-kit\r\ncreate-cinematic-kit my-luxury-landing --layout=store\r\n```\r\n\r\n### Option 2: Inject Agent Skill into an Existing Project\r\nInject the Agent Skill, rules, memory, and references into an existing workspace:\r\n\r\n```bash\r\nnpx @alwkala/create-cinematic-kit add-skill\r\n\r\n# Force update existing workspace rules to latest version\r\nnpx @alwkala/create-cinematic-kit add-skill --force\r\n```\r\n\r\nThis installs `.agents/skills/cinematic-landing-kit/` and `AGENTS.md`, enabling your AI coding agent to construct and maintain the page using `brand.json` as the single source of truth for design tokens.\r\n\r\n---\r\n\r\n## ⚡ Universal 17 Slash Commands\r\n\r\nWhen working with any Agentic IDE (Google Antigravity, Claude Code, Cursor, Windsurf, Roo Code, Cline, etc.), the following **17 modular commands** are available:\r\n\r\n| Command | Purpose & Function | Reference Spec |\r\n| :--- | :--- | :--- |\r\n| `init` | **Full Page Generation** — Build complete luxury landing page in one pass | `references/commands/init.md` |\r\n| `brand` | **Brand Setup** — Read/scaffold `brand.json` token mapping (colors, fonts, voice) | `references/commands/brand.md` |\r\n| `clone-brand` | **Extract Brand** — Extract `brand.json` tokens from an existing site, PDF, or logo | `references/commands/clone-brand.md` |\r\n| `media` | **Media Pipeline** — AI keyframe stills, background removal, and video clip generation | `references/commands/media.md` |\r\n| `film` | **Scroll Canvas** — Frame sequence build & `FRAME_COUNT` sync | `references/commands/film.md` |\r\n| `hero` | **Hero Entrance** — 3D tilt, float, aura, and PNG cutout setup | `references/commands/hero.md` |\r\n| `theme` | **Color Palette** — Light/Dark mode derivation & ambient layer GSAP tween | `references/commands/theme.md` |\r\n| `typeface` | **Typography** — Curated Arabic (El Messiri + Tajawal) & Latin font pairings | `references/commands/typeface.md` |\r\n| `transitions` | **Transitions** — Boundary-matched AI video clip transitions | `references/commands/transitions.md` |\r\n| `i18n` | **Localization** — Arabic/English RTL/LTR, modesty, & identity rules | `references/commands/i18n.md` |\r\n| `perf` | **Performance Audit** — 60FPS scroll performance & asset weight budget check | `references/commands/perf.md` |\r\n| `a11y` | **Accessibility Pass** — High contrast, ARIA canvas labels, & keyboard scroll check | `references/commands/a11y.md` |\r\n| `convert` | **Retrofit Static Page** — Convert an existing legacy page onto the cinematic engine | `references/commands/convert.md` |\r\n| `audit` | **Quality Report** — Comprehensive brand.json & luxury quality bar audit report | `references/commands/audit.md` |\r\n| `variant` | **A/B Testing** — Produce alternative design variants from a completed page | `references/commands/variant.md` |\r\n| `deploy` | **Export & Preview** — Asset web optimization, local preview, and static deploy | `references/commands/deploy.md` |\r\n| `polish` | **UI Polish** — Mobile drawer, WhatsApp button, scroll-to-top & favicon | `references/commands/polish.md` |\r\n\r\n---\r\n\r\n## 🤖 Compatible AI Coding Agents\r\n\r\nWorks seamlessly out of the box with any AI agent that reads workspace instruction files (`AGENTS.md`, `.agents/skills/`, `.claude-skill/`, `.cursorrules`, etc.):\r\n\r\n| AI Agent | Integration Method | Supported |\r\n| :--- | :--- | :---: |\r\n| **Google Antigravity** | Automatic (`AGENTS.md` / `.agents/`) | ✅ |\r\n| **Claude Code** | Automatic (`AGENTS.md` / `.claude-skill/`) | ✅ |\r\n| **Cursor** | Automatic (`AGENTS.md` / `.cursorrules`) | ✅ |\r\n| **Windsurf** | Automatic (`AGENTS.md` / `.windsurfrules`) | ✅ |\r\n| **Roo Code / Cline** | Automatic (`AGENTS.md` / `.clinerules`) | ✅ |\r\n| **Codex / OpenCode** | Automatic (`AGENTS.md`) | ✅ |\r\n| **Kilo / Gemini CLI** | Automatic (`AGENTS.md`) | ✅ |\r\n\r\n---\r\n\r\n## 🎨 Layouts & Supported Use Cases\r\n\r\nFive layout variants cover 15 distinct luxury use cases automatically routed by `memory/10-use-cases.md`:\r\n\r\n| Layout Template | CLI Alias | Hero Style | Film Experience | Primary Use Cases |\r\n| :--- | :--- | :--- | :--- | :--- |\r\n| **`fullbleed.html`** | `film` | Product cutout + aura + motes | Long transformation film (640vh) | High-ticket products, launches, rebrands, luxury automotive, fashion, watches |\r\n| **`editorial.html`** | `story` | Split-screen (Image + Copy) | Story focus film (420vh) | Brand stories, events, conferences, founder stories |\r\n| **`spatial.html`** | `space` | Full-bleed establishing shot | Spatial walkthrough film (500vh) | Real estate, architecture, luxury travel, hospitality |\r\n| **`interface.html`** | `app` | CSS Device mockup frame | UI workflow film (420vh) | SaaS launches, mobile apps, digital platforms |\r\n| **`minimal.html`** | `creator` | Centered cutout, clean background | Section-based (No film) | Personal brands, creators, ebooks, digital products |\r\n| **`product.html`** | `product` | Hero image + price + WhatsApp CTA above fold | Optional short film (480vh) | Single product high-conversion e-commerce sales pages |\r\n| **`store.html`** | `store` | Store banner + WhatsApp CTA | Product grid + Category filter | Multi-product WhatsApp catalog stores |\r\n\r\n---\r\n\r\n## 🛠️ Stack & Zero-Build Architecture\r\n\r\nThe generated output is a **pure single `index.html` file** requiring no build tools, compilers, or server-side runtimes:\r\n\r\n| Component | Technology | Delivery |\r\n| :--- | :--- | :--- |\r\n| **Scroll Animation** | GSAP 3.12 + ScrollTrigger | CDN (`cdnjs.cloudflare.com`) |\r\n| **Smooth Scroll** | Lenis 1.0 | CDN (`cdn.jsdelivr.net`) |\r\n| **Styling** | Tailwind CSS | CDN (`cdn.tailwindcss.com`) |\r\n| **Film Engine** | HTML5 `<canvas>` + JPEG Frame Sequences | Local `assets/seq/f000.jpg` |\r\n| **Typography** | Google Fonts (El Messiri, Tajawal, Cormorant Garamond) | CDN (`fonts.googleapis.com`) |\r\n\r\n---\r\n\r\n---\r\n\r\n\r\n---\r\n\r\n## 🏛️ TidyFactor Ecosystem Architecture\r\n\r\n**TidyFactor** is a modular web architecture and AI coding agent skill ecosystem built on clear separation of concerns across the product lifecycle:\r\n\r\n```\r\nTidyFactor Organization (github.com/TidyFactor)\r\n│\r\n├── Design Skills\r\n│   ├── Cinematic    → Experience / \"Wow\"     (Apple × Cartier Scroll-Driven Landing Pages)\r\n│   ├── Design       → Prototype / \"Build\"    (Code-Native UI Design Engine & Figma Alternative)\r\n│   └── Styler       → Production / \"Ship\"    (Framework Styler & RTL Polish Engine)\r\n│\r\n├── Development Skills\r\n│   ├── HTML         → Content & Static       (Semantic SEO & Static Platform Starter)\r\n│   ├── HTMX         → Hypermedia             (Server-Driven Micro-Interactions)\r\n│   ├── JS           → Vanilla SPA            (Framework-Free Reactive ES Modules)\r\n│   ├── PHP          → Server-Rendered        (Modern PHP 8.x Component UI & Architecture)\r\n│   └── Next         → Multi-Tenant SaaS      (Next.js 16, React 19, Supabase RLS & Dev-Perf)\r\n│\r\n└── Growth Skills\r\n    └── Marketing    → Growth / Revenue       (Direct Response, Pillar SEO & Content Lifecycles)\r\n```\r\n\r\n### 💎 Frontend Triad\r\n\r\n```\r\n                TidyFactor\r\n                    │\r\n          ┌─────────┼─────────┐\r\n          │         │         │\r\n      Cinematic   Design    Styler\r\n          │         │         │\r\n      Experience Prototype Production\r\n          │         │         │\r\n       \"Wow\"      \"Build\"   \"Ship\"\r\n```\r\n\r\n### 📦 Community Package & Skill Parity\r\n\r\n| Track | Category | GitHub Repository | Agent Skill | NPM Package |\r\n| :--- | :--- | :--- | :--- | :--- |\r\n| **Cinematic** | Design | [`TidyFactor/Cinematic`](https://github.com/TidyFactor/Cinematic) | `tidyfactor-cinematic` | [`@alwkala/create-cinematic-kit`](https://www.npmjs.com/package/@alwkala/create-cinematic-kit) |\r\n| **Design** | Design | [`TidyFactor/Design`](https://github.com/TidyFactor/Design) | `tidyfactor-design` | [`@alwkala/tidyfactor-design`](https://www.npmjs.com/package/@alwkala/tidyfactor-design) |\r\n| **Styler** | Design | [`TidyFactor/Styler`](https://github.com/TidyFactor/Styler) | `tidyfactor-styler` | [`@alwkala/tidyfactor-styler`](https://www.npmjs.com/package/@alwkala/tidyfactor-styler) |\r\n| **Next** | Development | [`TidyFactor/Next`](https://github.com/TidyFactor/Next) | `tidyfactor-next` | [`@alwkala/tidyfactor-next`](https://www.npmjs.com/package/@alwkala/tidyfactor-next) |\r\n| **HTML** | Development | [`TidyFactor/HTML`](https://github.com/TidyFactor/HTML) | `tidyfactor-html` | [`@alwkala/tidyfactor-html`](https://www.npmjs.com/package/@alwkala/tidyfactor-html) |\r\n| **HTMX** | Development | [`TidyFactor/HTMX`](https://github.com/TidyFactor/HTMX) | `tidyfactor-htmx` | [`@alwkala/tidyfactor-htmx`](https://www.npmjs.com/package/@alwkala/tidyfactor-htmx) |\r\n| **JS** | Development | [`TidyFactor/JS`](https://github.com/TidyFactor/JS) | `tidyfactor-js` | [`@alwkala/tidyfactor-js`](https://www.npmjs.com/package/@alwkala/tidyfactor-js) |\r\n| **PHP** | Development | [`TidyFactor/PHP`](https://github.com/TidyFactor/PHP) | `tidyfactor-php` | [`@alwkala/tidyfactor-php`](https://www.npmjs.com/package/@alwkala/tidyfactor-php) |\r\n| **Marketing** | Growth | [`TidyFactor/Marketing`](https://github.com/TidyFactor/Marketing) | `tidyfactor-marketing` | [`@alwkala/tidyfactor-marketing`](https://www.npmjs.com/package/@alwkala/tidyfactor-marketing) |\r\n\r\n---\r\n\r\n## 👨‍💻 Organization & Support\r\n\r\n- 🌐 **Official Website:** [https://tidyfactor.com/](https://tidyfactor.com/)\r\n- 📚 **Official Documentation:** [https://tidyfactor.com/documentation](https://tidyfactor.com/documentation)\r\n- 🤝 **Official Partner Website:** [Alwkala Digital Agency](https://alwkala.com/)\r\n- 🐙 **GitHub Organization:** [github.com/TidyFactor](https://github.com/TidyFactor)\r\n- 📧 **Business Inquiries:** [hello@tidyfactor.com](mailto:hello@tidyfactor.com)\r\n- 📱 **WhatsApp:** [+20 101 665 6899](https://wa.me/201016656899)\r\n- 📞 **Phone:** +20 101 665 6899\r\n- 📍 **Location:** Cairo, Egypt\r\n\r\n---\r\n\r\n## 📜 License\r\n\r\nLicensed under the **Apache License 2.0**. Copyright (c) 2026 [TidyFactor](https://tidyfactor.com) & [Alwkala](https://alwkala.com).\r\n","readmeFilename":"README.md"}