Does it provide advice on portfolio performance?

Yes, it includes guidance on mobile-first design, right-sizing complexity, and ensuring that animations don't compromise usability or page speed.

Can it help me structure a technical case study?

Yes, it provides a proven 9-point structure for case studies covering everything from the initial challenge and your specific role to technical process and final results.

How does this skill help my portfolio stand out to recruiters?

It focuses on the '30-second test,' ensuring your hero section and project showcases communicate your specific value and technical impact immediately through strategic architecture.

Is this skill only for software developers?

No, while it includes specific patterns for developers like GitHub integration, it is designed for any creative professional, including UI/UX designers and digital artists.

Interactive Portfolio Designer

Name: Interactive Portfolio Designer
Author: claudiodearaujo

byclaudiodearaujo

•

デザインツール

Architects high-conversion developer and designer portfolios that transform technical projects into memorable career opportunities.

The Interactive Portfolio skill is a specialized capability for Claude Code designed to help creators and engineers build personal websites that function as high-performance conversion tools rather than static resumes. It provides domain-specific guidance on portfolio architecture, interactive case study design, and personal branding strategies that pass the critical '30-second test' used by hiring managers. By focusing on impact-driven storytelling and technical depth, this skill helps you stand out in the job market through structured project showcases, quantified results, and mobile-first performance optimization.

主な機能

01Impact-focused project showcase and case study frameworks

02Performance-minded mobile-first responsiveness guidance

03Strategic portfolio architecture and multi-page navigation patterns

04Developer-specific technical depth and code quality showcases

05Conversion-optimized hero sections and personal branding

061 GitHub stars

ユースケース

01Creating interactive UI/UX case studies that demonstrate design process and user impact

02Building a developer portfolio that highlights technical problem-solving and clean architecture

03Optimizing personal websites to convert visitor interest into professional inquiries

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add claudiodearaujo/sistema-de-narra-o-de-livro interactive-portfolio

For use in Claude.ai and ChatGPT

Download Skill