Awwwards-Grade Cinematic Website Blueprint (Claude Code + Framer Motion)

Complete step-by-step workflow to scaffold and assemble award-winning cinematic web experiences in minutes. Combines Anthropic's Claude Code terminal agent, Framer Motion transitions, the UI UX Pro Max design intelligence engine, and 21st.dev component blueprints.

Build high-ticket, award-winning interactive websites by combining autonomous coding agents with curated motion components.

1. Agent Terminal Setup: Global setup for Anthropic's Claude Code CLI.
2. Framework & Motion Engine: Scaffolding Next.js with Tailwind CSS, TypeScript, and Framer Motion (motion / framer-motion).
3. Design Intelligence Injection: Loading nextlevelbuilder/ui-ux-pro-max-skill to eliminate generic AI design artifacts.
4. 21st.dev Component Pipeline: Extracting 3D/shader interactions directly into the agent.
5. Prompt Blueprints: Ready-to-paste CLI prompts for end-to-end page assembly.