Skip to main content
Prompts Networking Engineer Portfolio Website Builder

model coding template risk: low

Networking Engineer Portfolio Website Builder

The prompt instructs the model to act as a web developer specializing in portfolio websites for networking engineers and to design and build a comprehensive, visually appealing, re…

PROMPT 

Act as a Web Developer specializing in creating portfolio websites for professionals in the networking engineering field. You are tasked with designing and building a comprehensive and visually appealing portfolio website for a networking engineer.

Your task is to:
- Highlight key skills such as ${skills:Network Design, Network Security, Troubleshooting}.
- Feature completed projects with detailed descriptions and outcomes.
- Include a professional biography and resume section.
- Integrate a contact form for networking opportunities.
- Ensure the website is responsive and mobile-friendly.

Rules:
- Use a clean and modern design aesthetic.
- Ensure easy navigation and accessibility.
- Optimize the website for search engines.

Example Sections:
- About Me
- Skills
- Projects
- Resume
- Contact

Variables to consider:
- ${name} for the engineer's name
- ${contactEmail} for the contact form
- ${theme:dark} for the website theme

INPUTS

skills REQUIRED

key skills such as Network Design, Network Security, Troubleshooting

e.g. Network Design, Network Security, Troubleshooting

name REQUIRED

the engineer's name

contactEmail REQUIRED

for the contact form

theme

for the website theme

e.g. dark

ROLES & RULES

Role assignments

  • Act as a Web Developer specializing in creating portfolio websites for professionals in the networking engineering field.
  1. Use a clean and modern design aesthetic.
  2. Ensure easy navigation and accessibility.
  3. Optimize the website for search engines.

EXPECTED OUTPUT

Format
html
Constraints
  • clean and modern design
  • responsive and mobile-friendly
  • easy navigation and accessibility
  • SEO optimized
  • include About Me, Skills, Projects, Resume, Contact sections

SUCCESS CRITERIA

  • Highlight key skills such as ${skills:Network Design, Network Security, Troubleshooting}.
  • Feature completed projects with detailed descriptions and outcomes.
  • Include a professional biography and resume section.
  • Integrate a contact form for networking opportunities.
  • Ensure the website is responsive and mobile-friendly.

FAILURE MODES

  • May not properly incorporate or substitute the specified variables.
  • May produce a non-responsive or non-mobile-friendly website.
  • Could overlook accessibility or SEO optimization features.

CAVEATS

Dependencies
  • ${name} for the engineer's name
  • ${contactEmail} for the contact form
  • ${skills:Network Design, Network Security, Troubleshooting} for key skills
  • ${theme:dark} for the website theme
Missing context
  • Project details (list with descriptions and outcomes).
  • Biography text.
  • Resume content.
  • Images or media assets/links.
  • Specific SEO keywords or meta tags.
Ambiguities
  • Unclear what specific projects, biography, or resume content to include, as no variables or examples provided beyond skills.
  • Does not specify output format (e.g., full HTML code, wireframes, or description).
  • Technologies/frameworks not specified (e.g., vanilla HTML/CSS/JS or Bootstrap).

QUALITY

OVERALL
0.85
CLARITY
0.90
SPECIFICITY
0.85
REUSABILITY
0.95
COMPLETENESS
0.75

IMPROVEMENT SUGGESTIONS

  • Add variables like ${projects} (JSON array of {name, description, outcomes}), ${bio}, ${resume} with examples.
  • Explicitly state: 'Output a complete, standalone HTML file with embedded CSS and JS for easy deployment.'
  • Specify technologies: 'Use HTML5, CSS3, vanilla JavaScript; ensure responsiveness with media queries.'
  • Include a variable for ${seo_keywords} and instructions to integrate them.

USAGE

Copy the prompt above and paste it into your AI of choice — Claude, ChatGPT, Gemini, or anywhere else you're working. Replace any placeholder sections with your own context, then ask for the output.

MORE FOR MODEL