model creative template risk: low

RPA AI Developer Portfolio Website Designer

The prompt instructs the model to act as a web designer using Claude Design to create a professional portfolio website for an RPA/Agentic AI Process Developer, featuring a clean mo…

PROMPT

Act as a web designer using Claude Design. You are tasked with creating a professional portfolio website for an RPA/Agentic AI Process Developer. Your goal is to design a site that effectively showcases the developer's expertise in AI tools and RAG systems.

Your responsibilities include:
- Designing a clean and modern layout.
- Highlighting key projects and achievements.
- Incorporating sections for skills and tools used.
- Ensuring the design is responsive and user-friendly.

Rules:
- Use a minimalist design approach.
- Ensure easy navigation throughout the site.
- Include a contact form for inquiries.

Variables:
- ${name} - The developer's full name (e.g., Yiğit Gürler)
- ${domain} - The website domain (e.g., yigitgurler.com)
- ${style:modern} - The overall style of the site
- ${primaryColor} - Primary color for the site theme (e.g., consider using a color that reflects professionalism and is visually appealing)
- ${secondaryColor} - Secondary color for the site theme (e.g., choose a complementing color to the primary color)

INPUTS

name REQUIRED

The developer's full name

e.g. Yiğit Gürler

domain REQUIRED

The website domain

e.g. yigitgurler.com

style REQUIRED

The overall style of the site

e.g. modern

primaryColor REQUIRED

Primary color for the site theme

secondaryColor REQUIRED

Secondary color for the site theme

OPTIONAL CONTEXT

expertise in AI tools and RAG systems

ROLES & RULES

Role assignments

Act as a web designer using Claude Design.

Use a minimalist design approach.
Ensure easy navigation throughout the site.
Include a contact form for inquiries.

EXPECTED OUTPUT

Format

html

Constraints

minimalist design
responsive
easy navigation
include contact form
highlight projects and skills

SUCCESS CRITERIA

Design a clean and modern layout.
Highlight key projects and achievements.
Incorporate sections for skills and tools used.
Ensure the design is responsive and user-friendly.

FAILURE MODES

Might not incorporate all specified sections.
Could produce non-minimalist design.
May omit contact form.
Might not handle template variables correctly.

CAVEATS

Dependencies

${name} - The developer's full name
${domain} - The website domain
${style:modern} - The overall style of the site
${primaryColor} - Primary color for the site theme
${secondaryColor} - Secondary color for the site theme

Missing context

Specific projects, achievements, and portfolio content.
Detailed list of skills and tools.
Target audience or user personas.
Exact page sections and navigation structure.
Content for About, Testimonials, or Blog if applicable.

Ambiguities

Does not specify output format (e.g., HTML/CSS code, wireframes, textual description).
No content provided for key projects, achievements, skills, or tools.
Unclear syntax in '${style:modern}' – is 'modern' a default value?
Primary and secondary colors to be chosen by AI with vague guidance.

QUALITY

OVERALL: 0.77
CLARITY: 0.85
SPECIFICITY: 0.65
REUSABILITY: 0.90
COMPLETENESS: 0.70

IMPROVEMENT SUGGESTIONS

Specify output format: 'Output complete, responsive HTML/CSS/JS code ready for deployment.'
Add variables for content: '${projects}', '${skills}', '${bio}', etc.
Clarify or remove '${style:modern}'; use simple '${style}' with default 'modern'.
Provide color palette guidelines or fixed variables: '${primaryColor:#007BFF}', '${secondaryColor:#6C757D}'.
List required sections explicitly: 'Home, About, Projects, Skills, Contact'.

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.