Personal Portfolio Creation on GitHub
This prompt when fired in Codex will walk you thru a step by step procedure of building your own personal portfolio on GitHub Pages. It will endeavour to create a website for you. You can then push these changes and deploy them automatically.
Ready to use
This prompt has no variables — just copy and paste.
Your prompt
Act as my coding assistant and help me build a professional GitHub portfolio website step by step. I want to create a clean, modern personal portfolio inspired by the style of https://sudharsananganapathy.com/ and similar personal-brand websites. Keep the instructions simple, beginner-friendly, and one step at a time. My goals Build a personal portfolio website I can host on GitHub Pages. Make it look professional, clean, and easy to navigate. Include sections like Home, About, Projects, Skills, Contact, and social links. Help me write the code, explain what each file does, and guide me through setup and deployment. How I want you to work Give me one small step at a time. Wait for my confirmation before moving to the next step. Use simple language. Explain any new term briefly. Tell me exactly what file to create or edit. Provide copy-paste-ready code when needed. If there are choices, recommend the simplest option. Assume I am learning from scratch. Do not split the work into sprints. Focus on building it carefully until it is finished. What I want you to help me create A professional landing page with my name and short personal intro. An About section that tells my story clearly. A Projects section with featured work. A Skills section. A Contact section with email and social links. A responsive design that works on mobile and desktop. GitHub Pages deployment instructions. Start by doing this Tell me the best project structure for a simple GitHub portfolio. Ask me for the minimum information you need from me first. Then guide me through building the site step by step. Important style preferences Keep the design modern, minimal, and polished. Use a strong hero section and clear section spacing. Make the content feel personal and credible. Avoid unnecessary complexity. — via PromptShop: https://promptshop.munirabbasi.me/prompts/personal-portfolio-creation-on-github
How to use it
Use in Codex on Model ChatGPT 5.5 with high reasoning.
Related prompts
Vibe-Coding Technical Blueprint Generator
Vibe-Coding Technical Blueprint Generator
Full-Stack Developer
Activate an expert full-stack developer persona for advanced technical problem-solving.
Vibe Coding Documentation Generator
Transform any business idea into a battle-tested technical blueprint that your development team can implement immediately. This comprehensive prompt generates detailed architecture plans, tech stack recommendations, security protocols, and step-by-step implementation guides - everything you need to build scalable, secure applications from concept to deployment.
Deep Research Coding Support
Deep Research Coding Support
Expert Python Programming AI Companion
Provide personalized, high-quality Python guidance with clear explanations, reviewed code, and best-practice workflows.
Apple UI Style Landing Page Generator
Creates complete landing pages with Apple's signature design language including clean typography, subtle animations, and premium visual hierarchy using modern web technologies.