#portfolio-template.md
Version: 1.0.0
Target Models
- Claude Fable 5.1
- Claude Opus 5
- Claude Sonnet 5
- Claude 5 Family
- Future Claude Models
#Purpose
This template provides complete engineering context for designing world-class personal, developer, designer, founder, agency, and professional portfolios that establish credibility, communicate expertise, showcase achievements, build trust, attract opportunities, and support long-term personal brand growth.
It is intended to organize professional identity, technical expertise, projects, experience, achievements, design strategy, content structure, user experience, performance, and long-term evolution into one structured engineering specification.
The objective is not building a beautiful website.
The objective is engineering a portfolio that clearly demonstrates expertise, creates trust within seconds, differentiates the individual from competitors, and consistently converts visitors into employers, clients, investors, collaborators, or customers.
#Core Philosophy
Understand Yourself
↓
Understand Your Audience
↓
Establish Trust
↓
Demonstrate Expertise
↓
Show Real Impact
↓
Reduce Friction
↓
Create Opportunities
↓
Continuously Improve
A portfolio should prove capability through evidence rather than claims.
#Portfolio Overview
Clearly define
Portfolio Name
Professional Identity
Industry
Target Audience
Career Goals
Primary Value Proposition
Competitive Advantages
Long-Term Vision
The overview should immediately explain who you are, what you do, and why someone should work with you.
#Professional Identity
Define
Name
Professional Title
Primary Expertise
Specializations
Years of Experience
Industry Focus
Personal Mission
Core Values
Identity should remain authentic, consistent, and memorable.
#Target Audience
Identify
Recruiters
Hiring Managers
Clients
Founders
Investors
Collaborators
Open Source Communities
General Visitors
Every section should communicate directly to its intended audience.
#Personal Brand
Define
Brand Personality
Communication Style
Professional Tone
Visual Identity
Brand Story
Unique Positioning
Competitive Strengths
Career Vision
A strong personal brand creates recognition before conversation.
#Hero Section
Design
Professional Headline
Supporting Statement
Professional Summary
Primary CTA
Secondary CTA
Profile Image
Social Proof
Availability Status
The hero section should communicate credibility within a few seconds.
#About Section
Describe
Professional Journey
Experience
Technical Philosophy
Working Style
Problem Solving Approach
Core Strengths
Personal Interests
Future Vision
People hire people before they hire skills.
#Skills & Expertise
Organize
Programming Languages
Frameworks
Libraries
Cloud Platforms
Databases
DevOps
AI Technologies
Blockchain
Tools
Soft Skills
Leadership
Architecture
Only include skills supported by evidence.
#Projects
For every project define
Project Name
Problem Statement
Business Value
Target Users
Technology Stack
Architecture
Features
Challenges
Engineering Decisions
Results
Lessons Learned
Live Demo
Source Code
Projects should demonstrate engineering thinking—not only implementation.
#Professional Experience
Describe
Company
Role
Responsibilities
Technical Contributions
Leadership
Business Impact
Achievements
Technologies
Every experience should emphasize measurable outcomes.
#Open Source Contributions
Include
Projects
Pull Requests
Maintainer Experience
Community Leadership
Documentation
Issue Resolution
Mentorship
Technical Writing
Community contributions strengthen engineering credibility.
#Achievements
Present
Awards
Hackathons
Certifications
Public Speaking
Research
Publications
Community Recognition
Major Milestones
Achievements should reinforce expertise rather than popularity.
#Testimonials
Include
Client Reviews
Employer Recommendations
Team Feedback
Community Recognition
Success Stories
Case Studies
Professional References
Trust Indicators
Evidence from others increases credibility.
#Resume Strategy
Define
Resume Access
Download Option
Experience Summary
Technical Skills
Achievements
Education
Certifications
Portfolio Links
The resume should complement—not replace—the portfolio.
#Contact Experience
Design
Contact Form
Social Platforms
GitHub
Scheduling
Availability
Response Expectations
Contacting you should require minimal effort.
#Content Strategy
Organize
Blog
Technical Articles
Case Studies
Research
Tutorials
Learning Journey
Open Source Updates
Community Contributions
Content demonstrates long-term expertise.
#SEO Requirements
Define
Professional Keywords
Industry Keywords
Metadata
Structured Content
Semantic HTML
Internal Linking
Performance
Search Visibility
Search engines should understand professional expertise.
#Accessibility Requirements
Support
Keyboard Navigation
Screen Readers
Semantic HTML
Color Contrast
Reduced Motion
Responsive Typography
Accessible Forms
Focus Indicators
Accessibility demonstrates engineering quality.
#Performance Requirements
Define
Page Load Speed
Core Web Vitals
Image Optimization
Lazy Loading
Caching
CDN Strategy
Animation Performance
Responsive Rendering
Performance reflects engineering professionalism.
#Analytics Requirements
Measure
Visitors
Traffic Sources
Resume Downloads
Project Views
Contact Requests
CTA Clicks
Session Duration
Conversion Rate
Referral Sources
Business Opportunities
Measure engagement that leads to opportunities.
#Engineering Constraints
Always respect
Professional Authenticity
Performance
Accessibility
Maintainability
Security
Scalability
SEO
Developer Experience
Operational Simplicity
Authenticity is more valuable than exaggerated marketing.
#Deliverables
The generated portfolio specification should include
- Portfolio Overview
- Professional Identity
- Target Audience
- Personal Brand
- Hero Section
- About Section
- Skills & Expertise
- Projects
- Professional Experience
- Open Source Contributions
- Achievements
- Testimonials
- Resume Strategy
- Contact Experience
- Content Strategy
- SEO Strategy
- Accessibility Standards
- Performance Strategy
- Analytics Requirements
- Long-Term Evolution Strategy
Every section should contribute toward building a professional portfolio that consistently creates meaningful career and business opportunities.
#Definition of Done
A portfolio specification is considered complete when professional identity, audience analysis, personal branding, project presentation, technical expertise, professional experience, achievements, content strategy, accessibility standards, performance requirements, SEO strategy, analytics, and long-term evolution plans have been documented with sufficient clarity that engineering, design, and branding teams can confidently build, optimize, and continuously improve the portfolio with minimal ambiguity.
Exceptional portfolios are not measured by visual effects, animations, or the number of showcased projects.
They are measured by how effectively they establish credibility, communicate expertise, demonstrate measurable impact, build professional trust, create career opportunities, support long-term personal brand growth, and continuously deliver meaningful business value throughout the lifetime of the portfolio.