I gave the exact same context.md prompt to 5 different AI models — Grok, Gemini, Claude, Cursor, and GPT — and asked each one to build a complete developer portfolio.
I gave the exact same context.md prompt to 5 different AI models — Grok, Gemini, Claude, Cursor, and GPT — and asked each one to build a complete developer portfolio. Same instructions, same tech stack, wildly different results. 🧩 What's inside: • The single context.md prompt I used for every AI • Grok vs Gemini vs Claude vs Cursor vs GPT — full design + code comparison • Which model nailed layout, accessibility, and clean code (and which didn't) • Building the final portfolio: Next.js 16, React 19, TypeScript, Tailwind CSS, shadcn/ui, Framer Motion & a Three.js hero • Fixing errors and shipping a production build • Deploying to Vercel for free
Beginner & Intermediate developers looking to level up their React Native skills and build a production-ready, full-stack mobile application — with a real backend, authentication, roles, and an admin panel, not just a UI mockup.
Copy the master prompt or setup docs below and use them in your editor or AI assistant.
Project context for the prompt — architecture, constraints, and files the model should follow.
You are an expert Next.js 16 architect and premium UI/UX designer. Generate a complete, clean, production-ready developer portfolio website for Noor Mohammad that is fully ready for Vercel deployment.
Production Ready for Vercel
npm run build with zero TypeScript errors and zero critical warnings.Light & Dark Mode
next-themes.Images
next.config.js with remote patterns.Three.js 3D Effects
@react-three/fiber and @react-three/drei.Tools I Ship With Section
Links
Fully Complete Project
npm run build.Create a clean lib/data.ts file with editable arrays for projects, experience, skills, and tools.
Step 1: Terminal Setup Commands
Provide the complete commands to scaffold the project from scratch.
Step 2: Install Dependencies
Give the full npm install command.
Step 3: shadcn Setup
Include the initialization command and recommended options.
Step 4: All Project Files
Provide every file with clear headers like this:
// app/layout.tsx
// full code