CATHODE DESK
3Dレトロパソコンのポートフォリオ
デモサイトを開く別タブで開きます
CATHODE DESKは、Claude Code・Codex・Cursor向けの無料AI Skillです。3Dのレトロパソコンの中で動くポートフォリオを作ります。暗いスタジオの机に、1986年のブラウン管パソコンが1台。スクロールすると、カメラが部屋を横切ってガラスへ寄り、画面が起動してデスクトップになり、作品一覧、事例、自己紹介がウィンドウとして開きます。走査線はその間も流れ続けます。
できること
- 画像ファイルを一切使わず、HTML・CSS・JavaScript・Three.jsだけで作られた完成サイト
- 始める前に開けるデモサイト
- ブラウン管の中の1986年のデスクトップ：起動、作品一覧、事例、自己紹介、メモ
こんな方に
- ウェブ制作のフリーランス
- ブランドデザイナー
- 動きのあるサイトを作りたい方
準備するもの
- スタジオ名と一行の positioning
- 作品6点（名称・種類・年）
- 自己紹介の文章1段落
- 連絡先または問い合わせ導線
よくある質問
Claude Code、Codex、Cursorに貼り付けるか、SKILL.mdとしてツールのskillsフォルダに保存してください。AIが素材パックを取得し、足りないものを尋ね、プロジェクトフォルダにサイトを作ります。Skillの使い方
いいえ。スクロール位置から何を描くかを決める4:3のキャンバスです。起動画面、デスクトップ、作品一覧、自己紹介のいずれかを描き、それを3Dの画面のテクスチャとして貼り、その上に樽型の湾曲、走査線、明滅のための独自シェーダーをかけています。サイト全体で画像ファイルは不要です。
はい。ブランド名と本文を渡し、素材パックのファイルを同じ名前のまま自分のものに差し替えてください。Skillは、レビュー、受賞、住所、電話番号を創作しないようAIに指示しています。
無料です。登録またはログインすると、このページでコピーできます。