---
title: "Portfolio chat UI answers a hiring question"
description: "A showreel-style motion graphics video for a portfolio website, built with SVG and GSAP."
canonical: "https://potto.ai/zh-Hant/videos/portfolio-chat-ui-answers-a-hiring-question"
language: "zh-Hant"
datePublished: "2026-09-26"
---

# Portfolio chat UI answers a hiring question

A showreel-style motion graphics video for a portfolio website, built with SVG and GSAP.

The video animates captured pages and sections of a portfolio website inside browser and phone frames, including home, chat, package pages, Hire, mobile view, and dark mode. The site's chat answers real questions about the developer relations work, with questions and answers shown large and bold. Motion uses eased transitions and a rhythm that speeds up and slows down, set to music at about 120 BPM with scenes cut on the beat.

- [視覺系統](https://potto.ai/zh-Hant/videos/visual-system.md)
- 由 wani_shola
- 時長與比例: 1:42 · 16:9
- 製作工具: SVG, GSAP
- 發布於 2026年9月26日
- 查看原片: https://x.com/wani_shola/status/2103769906638459278

## 提示詞

```text
Make a showreel-style motion graphics video for my portfolio website,
http://sholajegede.com, using Remotion. It should show what I do as a developer relations engineer, like a showreel for my résumé.

- Use as much of the real website as possible: capture the pages and sections in a browser (home, Ask, package pages, Hire, mobile view, dark mode) and animate them inside browser and phone frames.
- Show the site's chat answering real questions about my work, with the questions and answers large and bold. Use only facts and numbers that are on the site.
- Follow premium brand rules: three colours and the site's own fonts, one idea per shot, key objects centred, space to breathe, eased motion only, smooth transitions instead of hard cuts, and a rhythm that speeds up and slows down with the story.
- Add music at about 120 BPM (elite, kinetic, sophisticated) and cut every scene on the beat. No extra sound effects.
- 1920×1080, about 90 to 100 seconds, ending on the website and my contact email.
```

## Portfolio chat UI answers a hiring question 常見問題

Portfolio chat UI answers a hiring question 的製作方式、提示詞內容，以及如何用 Potto 做出同類的 視覺系統 影片。

### Portfolio chat UI answers a hiring question 是什麼？

Portfolio chat UI answers a hiring question 是 wani_shola 製作的 視覺系統 類型 AI 動態圖形影片。 A showreel-style motion graphics video for a portfolio website, built with SVG and GSAP.

### Portfolio chat UI answers a hiring question 是怎麼製作的？

Portfolio chat UI answers a hiring question 使用 SVG和GSAP 製作，屬於 Potto 上 視覺系統 分類的 AI Motion Graphics 影片。

### 可以查看 Portfolio chat UI answers a hiring question 的提示詞嗎？

可以。本頁有 Portfolio chat UI answers a hiring question 的完整提示詞。你可以複製，或點選「使用此提示詞」，在 Potto 工作區中開啟。

### Portfolio chat UI answers a hiring question 有多長，畫面比例是多少？

Portfolio chat UI answers a hiring question 時長為 1:42，畫幅為 16:9。

### 我能用 Potto 做出像 Portfolio chat UI answers a hiring question 這樣的 視覺系統 影片嗎？

可以。點選「使用此提示詞」，把 Portfolio chat UI answers a hiring question 的提示詞載入 Potto 工作區。Potto 會算繪自己的版本，匯出前你可以修改文字和風格。

### 在哪裡觀看 Portfolio chat UI answers a hiring question 的原片？

Portfolio chat UI answers a hiring question 最初由創作者發布。點擊「查看原片」，即可在新分頁開啟該貼文。

### 在哪裡可以找到更多像 Portfolio chat UI answers a hiring question 這樣的 視覺系統 影片？

在 Potto 上瀏覽 視覺系統 合集：480 支影片，每支都附有提示詞、規格和來源。