Does it provide guidance on mobile responsiveness?

Absolutely, it offers mobile-first patterns and warns against common 'sharp edges' like portfolios that break on smaller screens.

Can I use this for non-developer portfolios?

Yes, it includes specific patterns for designers and creatives that focus on visual storytelling, interactive experiences, and process artifacts.

How does this skill help with hiring manager reviews?

It implements '30-second test' architecture, ensuring your identity, best work, and contact details are immediately scannable and impressive.

How does it help developers showcase their technical skills?

It guides the selection of real-world projects over tutorial clones and provides templates for highlighting code quality, performance optimizations, and problem-solving.

Interactive Portfolio

Name: Interactive Portfolio
Author: claudiodearaujo

byclaudiodearaujo

•

设计工具

Builds high-conversion professional portfolios and personal websites that effectively showcase creative and technical work to employers and clients.

This skill transforms standard resumes into impactful digital experiences by providing expert guidance on portfolio architecture, case study design, and personal branding. It helps developers and designers pass the '30-second test' by highlighting technical depth and problem-solving through interactive project showcases, optimized navigation patterns, and strategic call-to-actions that convert visitors into opportunities.

主要功能

01Impact-driven project showcase and case study frameworks

02Tailored developer-specific technical showcases and code quality patterns

03Mobile-first design and performance optimization guidance

041 GitHub stars

05Optimized portfolio architecture for quick hiring manager reviews

06Strategic personal branding and testimonial integration

使用场景

01Creating interactive case studies for UI/UX designers to demonstrate process and results

02Designing a developer portfolio that highlights open-source contributions and technical depth

03Building a high-conversion personal landing page to secure freelance clients

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