What is the '30-second test' mentioned in the skill?

It's a framework ensuring visitors immediately know who you are, what you do, see your best work, and know how to contact you within half a minute.

How does this skill help developers specifically?

It provides specific patterns for showcasing code quality, linking GitHub repositories effectively, and highlighting technical problem-solving rather than just listing skills.

Does it offer advice on portfolio performance?

Yes, the skill covers portfolio performance and mobile-first design to ensure your site works perfectly for hiring managers browsing on any device.

Can I use this for non-technical portfolios?

Yes, it includes architectural patterns and 'Hero Section' formulas suitable for designers, creatives, and any professional needing a high-conversion personal site.

Interactive Portfolio Designer

Name: Interactive Portfolio Designer
Author: claudiodearaujo

byclaudiodearaujo

0•

Design Tools

Builds high-conversion developer and designer portfolios that transform project showcases into memorable career opportunities.

The Interactive Portfolio skill acts as an expert Experience Designer to help you create personal websites that stand out to hiring managers and potential clients. It provides strategic guidance on portfolio architecture, interactive case study structures, and personal branding, ensuring your work is presented with clear impact and technical depth. By focusing on the '30-second test,' this skill helps you balance creative flair with functional usability, providing specific patterns for developers to showcase code quality and designers to highlight process and results.

Key Features

01Strategic portfolio architecture designed to pass the 30-second recruiter test

02Best practices for personal branding and mobile-responsive portfolio design

030 GitHub stars

04Comprehensive case study frameworks focusing on problem-solving and impact

05Developer-specific technical showcase patterns for GitHub and stack integration

06Interactive element guidance to enhance engagement without sacrificing performance

Use Cases

01Building a developer portfolio that effectively showcases technical depth and clean code

02Creating a creative project gallery with interactive case studies to land design clients

03Optimizing an existing personal website for better visitor conversion and lead generation

What are Skills?·How to Install

Install with 🐟 Skill.Fish

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

For use in Claude.ai and ChatGPT

Download Skill

Key Features

01Strategic portfolio architecture designed to pass the 30-second recruiter test

02Best practices for personal branding and mobile-responsive portfolio design

030 GitHub stars

04Comprehensive case study frameworks focusing on problem-solving and impact

05Developer-specific technical showcase patterns for GitHub and stack integration

06Interactive element guidance to enhance engagement without sacrificing performance

Use Cases

01Building a developer portfolio that effectively showcases technical depth and clean code

02Creating a creative project gallery with interactive case studies to land design clients

03Optimizing an existing personal website for better visitor conversion and lead generation

What are Skills?·How to Install

Install with 🐟 Skill.Fish

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

For use in Claude.ai and ChatGPT

Download Skill