# Build a Portfolio That Converts Visitors

Many portfolios hide strong work behind unclear structure or excessive interaction. This skill organizes projects, evidence, responsive behavior, and contact paths into a focused experience.

## Install

```bash
npx skillstore add sickn33/interactive-portfolio
```

## Metadata

- Status: approved
- Slug: sickn33-interactive-portfolio
- Skillstore revision: r2
- Version status: missing
- Tree hash: ce0ef742763a44f52a1a1e3e1607369939241683a370e869be022e0d2f90454e
- Author: sickn33
- GitHub username: sickn33
- License: MIT
- Repository: https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/interactive-portfolio
- Ref: 88a8e9a07f4c54ab105c1c41b6267c287146b07b
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: allowed
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Risk factors: external\_commands
- Quality score: 77
- Quality tier: bronze
- Public page: https://skillstore.pages.dev/skills/sickn33-interactive-portfolio
- Manifest: https://skillstore.pages.dev/api/skills/sickn33-interactive-portfolio/manifest

## Capabilities

- Plans essential portfolio sections around a clear 30-second visitor journey.
- Structures project cards and case studies around roles, decisions, results, and links.
- Recommends interaction levels that balance visual distinction with usability.
- Provides mobile requirements, browser checks, and graceful degradation guidance.
- Defines contact calls to action for hiring, freelance, and networking goals.
- Suggests project selection, update schedules, and launch criteria.

## Use Cases

- Prepare a Developer Portfolio: Select technical projects and present architecture, contributions, results, source links, and live demonstrations.
- Restructure a Design Portfolio: Turn visual work into clear case studies that explain challenges, decisions, process, and outcomes.
- Improve Client Inquiries: Clarify services, proof, project relevance, and contact actions for prospective clients.

## Prompt Templates

### Plan My Portfolio

```
Create a simple portfolio structure for a [role] applying to [target opportunity] with [number] projects.
```

### Select Strong Projects

```
Compare these projects for relevance to [target role], then recommend which to feature and explain the order.
```

### Develop a Case Study

```
Turn these project notes into a case study covering challenge, role, process, decisions, results, and links: [notes].
```

### Audit the Full Experience

```
Audit this portfolio for 30-second clarity, mobile usability, project evidence, performance risks, interaction balance, freshness, and contact conversion: [portfolio details].
```

## Limitations

- It provides design and content guidance, not a complete deployed website.
- It cannot verify portfolio claims, project metrics, or testimonials.
- Device testing and performance measurements still require real tools and environments.
- Brand strategy, copywriting, search optimization, and advanced animation may need specialized support.

## Best Practices

- State identity, specialty, strongest work, and contact path within the first screen.
- Support every project with specific responsibilities, decisions, and credible results.
- Test core pages on real mobile devices and slower connections before launch.

## Anti Patterns

- Do not hide essential content behind complex interactions or long introductions.
- Do not feature outdated or irrelevant projects only to increase project count.
- Do not claim impact metrics that you cannot support with evidence.

## Security Audit

- Audited at: 2026-07-24T01:31:35.591\+00:00
- Summary: All 31 static detections are false positives. The 23 external-command matches are Markdown fences or inline code, while the eight reconnaissance matches are ordinary portfolio guidance with no system inspection intent.

## Stats

- Views: 144
- Downloads: 14
- Favorites: 0
- Popularity score: 0
