agentskills.codes
IN

interactive-portfolio

by H4D3ZSSource

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, showca

Install

mkdir -p .claude/skills/interactive-portfolio-h4d3zs && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/13375" && unzip -o skill.zip -d .claude/skills/interactive-portfolio-h4d3zs && rm skill.zip

Installs to .claude/skills/interactive-portfolio-h4d3zs

Activation

This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.

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.
349 chars✓ has a “when” triggerlonger than Claude Code's old 250-char listing cap (fine on current versions)

About this skill

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

2. The 30-Second Test

3. Essential Sections

4. Navigation Patterns

5. Hero Section Formula

6. Project Showcase

7. Project Card Elements

8. Case Study Structure

9. Showing Impact

10. Visual Presentation

11. Developer Portfolio Specifics

12. What Hiring Managers Look For

13. Must-Haves

14. Project Selection

15. Technical Showcase

16. Blog/Writing

17. ❌ Template Portfolio

18. ❌ All Style No Substance

19. ❌ Resume Website

More by H4D3ZS

View all by H4D3ZS →

email-sequence

H4D3ZS

When the user wants to create or optimize an email sequence, drip campaign, automated email flow, or lifecycle email program. Also use when the user mentions "email sequence," "drip campaign," "nurture sequence," "onboarding emails," "welcome sequence," "re-engagement emails," "email automation," or

00

agent-code-guide

H4D3ZS

Master guide for using Agent Code effectively. Includes configuration templates, prompting strategies "Thinking" keywords, debugging techniques, and best practices for interacting with the agent.

00

conductor-implement

H4D3ZS

Execute tasks from a track's implementation plan following TDD workflow

00

llm-evaluation

H4D3ZS

Implement comprehensive evaluation strategies for LLM applications using automated metrics, human feedback, and benchmarking. Use when testing LLM performance, measuring AI application quality, or establishing evaluation frameworks.

00

Search skills

Search the agent skills registry