---
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/ja/videos/portfolio-chat-ui-answers-a-hiring-question"
language: "ja"
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/ja/videos/visual-system.md)
- wani_shola 作
- 長さと比率: 1:42 · 16:9
- 制作ツール: SVG, GSAP
- 公開日 2026/09/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 による ビジュアルの共通設定 のモーショングラフィックス動画です。 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 モーショングラフィックス動画です。

### 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 本あり、それぞれにプロンプト、仕様、出典が付いています。