CATHODE DESK
ポートフォリオ無料
OFFSET STUDIO
デザインスタジオのポートフォリオ
OFFSET STUDIOは、Claude Code・Codex・Cursor向けの無料AI Skillです。幾何学的な動き、サービスカード、開閉する作品一覧で、デザインスタジオの得意分野を伝えるサイトを作ります。
できること
- HTML・CSS・JavaScriptだけで作られた完成済みのウェブサイト
- デモ用素材パック：背景動画5本と作品画像5点
- 360pxのスマホから1440pxのデスクトップまでレイアウトを確認
こんな方に
- ウェブ制作のフリーランス
- ブランドデザイナー
- 動きのあるサイトを作りたい方
準備するもの
- スタジオ名と紹介文
- 使用できる背景動画5本
- 作品画像5点
よくある質問
Claude Code、Codex、Cursorに貼り付けるか、SKILL.mdとしてツールのskillsフォルダに保存してください。AIが素材パックを取得し、足りないものを尋ね、プロジェクトフォルダにサイトを作ります。Skillの使い方
動画5本と作品画像5点です。動画は幾何学的な動きとサービスカードの背面に置かれ、画像は開閉する作品一覧を埋めます。素材パックには最初からすべて入っています。
はい。ブランド名と本文を渡し、素材パックのファイルを同じ名前のまま自分のものに差し替えてください。Skillは、レビュー、受賞、住所、電話番号を創作しないようAIに指示しています。
無料です。登録またはログインすると、このページでコピーできます。