Can I use this for both developer and designer portfolios?

Yes, it includes specific patterns for both groups, focusing on code quality and technical depth for developers and visual storytelling for designers.

Does it provide code snippets for interactive elements?

Yes, it offers guidance on navigation patterns, hero section formulas, and technical showcases to demonstrate clean architecture and performance optimizations.

How does this skill help me stand out to recruiters?

It optimizes your portfolio for the '30-second scan,' ensuring your best work, identity, and contact info are immediately visible while providing deep-dive case studies for more thorough reviews.

How do I avoid common portfolio mistakes?

The skill identifies 'Anti-Patterns' like template-based designs or 'all style, no substance' approaches, helping you focus on real impact and usability instead.

Interactive Portfolio Architect

Name: Interactive Portfolio Architect
Author: claudiodearaujo

byclaudiodearaujo

•

Design Tools

Designs and builds high-conversion professional portfolios that effectively showcase technical skills and creative work to recruiters.

About

Interactive Portfolio is a specialized Claude Code skill designed to help developers and designers transition from static resumes to immersive, high-impact digital showcases. It provides expert guidance on portfolio architecture, interactive case study design, and personal branding strategies specifically optimized for the '30-second scan' used by hiring managers. By implementing industry-standard patterns for project presentation and technical depth, this skill ensures your personal website doesn't just display code, but tells a compelling story of professional impact and problem-solving.

Key Features

1 GitHub stars
30-second scan optimization for recruiter engagement
Mobile-first responsive architecture and navigation strategies
Developer-specific technical showcase and code quality patterns
Conversion-focused personal branding and CTA placement
Interactive case study structuring with impact-driven metrics

Use Cases

Revamping an existing portfolio to transition from junior to senior-level roles
Building a personal brand website from scratch to attract top-tier tech companies
Creating deep-dive interactive case studies for complex engineering or design projects

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

GitHub