Setup Complete Codex AI Website Development Environment – Next.js, Motion, 21st.dev & UI/UX Tools

I am looking for an experienced developer to set up a complete AI-powered website development environment using OpenAI Codex. The goal is to create a ready-to-use setup where I can simply open Codex, describe the website I want in natural language, and Codex can generate, modify, run, and improve the complete website. For example, after the setup I should be able to write: "Create a modern SaaS website with Home, About, Services, Pricing and Contact pages." and Codex should be able to create the project, components, pages, animations and UI. Required Setup The developer should install and configure: OpenAI Codex CLI – latest stable version Node.js / npm Git Next.js React TypeScript Tailwind CSS shadcn/ui Motion / Framer Motion 21st.dev integration / CLI / MCP where applicable UI UX Pro Max for Codex OpenAI API / Codex authentication and configuration MCP configuration required for the development workflow Useful frontend development tools for Codex Codex Configuration Codex should be configured so it can: Create complete websites from prompts Create new Next.js projects Generate pages automatically Generate reusable React components Use modern UI components Use 21st.dev components where appropriate Create responsive layouts Add animations with Motion Modify existing websites Run development commands Install required npm packages Detect and fix errors Build the project Work with Git Read project documentation and coding instructions AI Development Instructions Please create a reusable Codex configuration/instruction system that tells Codex to: Produce professional modern UI/UX Avoid basic or outdated designs Use reusable components Follow responsive design Use clean project architecture Use TypeScript Use Tailwind CSS Use Motion for animations when appropriate Use high-quality UI components Follow good SEO practices Optimize performance Create production-ready code Template Project Please also create one fully configured starter project containing: Next.js TypeScript Tailwind CSS shadcn/ui Motion 21st.dev integration UI/UX configuration Codex instructions I want to be able to copy this starter project and use it for future websites. Testing Before delivery, please demonstrate the setup by asking Codex to generate a sample modern website. Codex should be able to: Generate the pages Generate the components Add responsive design Add animations Run the website Fix build/runtime errors Successfully create a production build Documentation A clear step-by-step document must be provided explaining: How to start a new website How to launch Codex How to ask Codex to generate a website How to use 21st.dev How to use UI UX Pro Max How to use Motion animations How to run the development server How to build the website How to fix common issues How to update Codex How to reuse the starter project The documentation should be simple enough that a non-expert can follow it. Final Goal After the project is completed, I should NOT need to manually configure development tools for every website. My workflow should be approximately: Create project → Open Codex → Describe website → Codex builds the website. Deliverables Fully working Codex environment All required packages/tools installed API/authentication configured MCP configuration Reusable starter project Example website generated with Codex Complete documentation Final testing and troubleshooting Please apply only if you have real experience with Codex CLI, Next.js, React and AI-assisted development workflows.