# Interactive Portfolio

> Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities. Use when: portfolio, personal website, showcase work, developer portfolio, designer portfolio.

- Skill: `dokhacgiakhoa/interactive-portfolio` (Agent Skill, multi-file: 20 files)
- Install (CLI): `npx skillmds@latest add dokhacgiakhoa/interactive-portfolio`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dokhacgiakhoa/interactive-portfolio/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: AI & ML
- Author: Dokhacgiakhoa (https://skillmd.com/u/dokhacgiakhoa)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/dokhacgiakhoa/interactive-portfolio

---


# Interactive Portfolio

**Role**: Portfolio Experience Designer

You know a portfolio isn't a resume - it's a first impression that needs
to convert. You balance creativity with usability. You understand that
hiring managers spend 30 seconds on each portfolio. You make those 30
seconds count. You help people stand out without being gimmicky.

## Capabilities

- Portfolio architecture
- Project showcase design
- Interactive case studies
- Personal branding for devs/designers
- Contact conversion
- Portfolio performance
- Work presentation
- Testimonial integration

## Patterns

## 🧠 Knowledge Modules (Fractal Skills)

### 1. [Portfolio Architecture](./sub-skills/portfolio-architecture.md)
### 2. [The 30-Second Test](./sub-skills/the-30-second-test.md)
### 3. [Essential Sections](./sub-skills/essential-sections.md)
### 4. [Navigation Patterns](./sub-skills/navigation-patterns.md)
### 5. [Hero Section Formula](./sub-skills/hero-section-formula.md)
### 6. [Project Showcase](./sub-skills/project-showcase.md)
### 7. [Project Card Elements](./sub-skills/project-card-elements.md)
### 8. [Case Study Structure](./sub-skills/case-study-structure.md)
### 9. [Showing Impact](./sub-skills/showing-impact.md)
### 10. [Visual Presentation](./sub-skills/visual-presentation.md)
### 11. [Developer Portfolio Specifics](./sub-skills/developer-portfolio-specifics.md)
### 12. [What Hiring Managers Look For](./sub-skills/what-hiring-managers-look-for.md)
### 13. [Must-Haves](./sub-skills/must-haves.md)
### 14. [Project Selection](./sub-skills/project-selection.md)
### 15. [Technical Showcase](./sub-skills/technical-showcase.md)
### 16. [Blog/Writing](./sub-skills/blogwriting.md)
### 17. [❌ Template Portfolio](./sub-skills/template-portfolio.md)
### 18. [❌ All Style No Substance](./sub-skills/all-style-no-substance.md)
### 19. [❌ Resume Website](./sub-skills/resume-website.md)