Interactive Portfolio

This one's for when you're building or revamping a personal portfolio site and need to think beyond "here's my resume as a webpage." It covers the 30-second test (who you are, what you do, best work, contact), project showcase structure, and what actually lands jobs versus what just looks pretty. The anti-patterns section calls out common mistakes like template portfolios and all-style-no-substance sites. Has specific guidance for developer portfolios, including what hiring managers actually look for and how to present GitHub projects without looking like you just followed tutorials. Good reminder that portfolios convert visitors into opportunities, not just display work.

skills.sh installs: 394
GitHub stars: 33.2K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add davila7/claude-code-templates --skill interactive-portfolio --agent claude-code

Installs into .claude/skills of the current project.

Files

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

Portfolio Architecture

Structure that works for portfolios

When to use: When planning portfolio structure

## Portfolio Architecture

### The 30-Second Test
In 30 seconds, visitors should know:
1. Who you are
2. What you do
3. Your best work
4. How to contact you

SKILL.md on GitHub

Details

Repository: github.com/davila7/claude-code-templates
Category: Finance & Trading
First seen: Jun 3, 2026

stock-question-refinerliangdabiao/claude-code-stock-deep-research-agent股票投资调研问题细化技能。将用户提供的股票名称/代码细化为结构化的8阶段投资尽调指令。通过提问澄清投资风格（价值/成长/困境反转）、持有周期（短/中/长线）、风险偏好、研究重点，生成符合专业投资研究标准的结构化调研任务。当用户提到股票分析、投资研究、股票尽调时使用此技能。369skills.sh installs

financial-metrics-analysisoctagonai/skillsAnalyze year-over-year growth in income statement items and financial metrics using Octagon MCP. Use when retrieving YoY Revenue Growth, Cost of Revenue Growth,366skills.sh installs

sentiment-analysis-tradingomer-metin/skills-for-antigravityWorld-class alternative data and sentiment analysis for trading - social media, news, on-chain data, positioning. Extract alpha from information others miss. Us337skills.sh installs

Interactive Portfolio

Install

Files

Interactive Portfolio

Capabilities

Patterns

Portfolio Architecture

Details

More from davila7/claude-code-templates

Recommended