Agent skill · writing content · davila7
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.
Why this skill is useful
Provides specific strategies and structures for creating effective portfolios that can significantly enhance job-seeking success.
What it needs
About 3k tokens when loaded. Last updated 2026-08-06. 30,138 stars on the source repository.
What this skill does
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 Portfolio Architecture Structure that works for portfolios When to use: When planning portfolio structure Option 1: Single page scroll Best for: Designers, creatives Works well with animations Mobile friendly Option 2: Multi-page Best for: Lots of projects Individual case study pages Better for SEO Option 3: Hybrid Main sections on one page Detailed case studies separate Best of both worlds [Your name] [What you do in one line] [One line that differentiates you] [CTA: View Work / Contact] Project Showcase How to present work effectively When to use: When building project sections 1. Hero image/video 2. Project overview (2-3 sentences) 3. The challenge 4. Your role 5. Process highlights 6. Key decisions 7. Results/impact 8. Learnings (optional) 9. Links (live, GitHub, etc.) Developer Portfolio Specifics What works for dev portfolios When to use: When building developer portfolio javascript // Show code snippets that demonstrate: Clean architecture decisions Performance optimizations Clever solutions Testing approach Anti-Patterns ❌ Template Portfolio Why bad: Looks like everyone else. No memorable impression. Doesn't show creativity. Easy to forget. Instead: Add personal touches. Custom design elements. Unique project presentations. Your voice in the copy. ❌ All Style No Substance Why bad: Fancy animations, weak projects. Style over substance. Hiring managers see through it. No proof of skills. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills davila7/interactive-portfolio