·spline-interactive
*

spline-interactive

ビジュアル エディター、アニメーション、Web エクスポートを備えたブラウザベースの 3D デザイン ツール。このスキルは、コードなしで 3D シーンを作成する場合、インタラクティブな Web エクスペリエンスをデザインする場合、3D UI のプロトタイプを作成する場合、React/Web にエクスポートする場合、またはデザイナーに適した 3D コンテンツを構築する場合に使用します。スプライン、ノーコード 3D、ビジュアル 3D エディター、3D アニメーション、状態ベースのインタラクション、React Spline 統合、またはシーン エクスポートに関連するタスクをトリガーします。コードよりもビジュアル ツールを好むデザイナー向けの Three.js の代替手段。

21インストール·1トレンド·@freshtechbro

インストール

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill spline-interactive

spline-interactive のインストール方法

コマンドラインで spline-interactive AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/freshtechbro/claudedesignskills --skill spline-interactive
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: freshtechbro/claudedesignskills。

Spline is a browser-based 3D design and animation platform that enables creators to build interactive 3D experiences without requiring code or specialized software knowledge. It provides a collaborative visual editor for designing, animating, and exporting 3D scenes across multiple platforms.

Use Case: Embed a Spline scene in a React application

Use Case: Use Spline in Next.js with server-side rendering benefits

ビジュアル エディター、アニメーション、Web エクスポートを備えたブラウザベースの 3D デザイン ツール。このスキルは、コードなしで 3D シーンを作成する場合、インタラクティブな Web エクスペリエンスをデザインする場合、3D UI のプロトタイプを作成する場合、React/Web にエクスポートする場合、またはデザイナーに適した 3D コンテンツを構築する場合に使用します。スプライン、ノーコード 3D、ビジュアル 3D エディター、3D アニメーション、状態ベースのインタラクション、React Spline 統合、またはシーン エクスポートに関連するタスクをトリガーします。コードよりもビジュアル ツールを好むデザイナー向けの Three.js の代替手段。 ソース: freshtechbro/claudedesignskills。

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/freshtechbro/claudedesignskills --skill spline-interactive
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-03-04
更新日
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

クイックアンサー

spline-interactive とは?

ビジュアル エディター、アニメーション、Web エクスポートを備えたブラウザベースの 3D デザイン ツール。このスキルは、コードなしで 3D シーンを作成する場合、インタラクティブな Web エクスペリエンスをデザインする場合、3D UI のプロトタイプを作成する場合、React/Web にエクスポートする場合、またはデザイナーに適した 3D コンテンツを構築する場合に使用します。スプライン、ノーコード 3D、ビジュアル 3D エディター、3D アニメーション、状態ベースのインタラクション、React Spline 統合、またはシーン エクスポートに関連するタスクをトリガーします。コードよりもビジュアル ツールを好むデザイナー向けの Three.js の代替手段。 ソース: freshtechbro/claudedesignskills。

spline-interactive のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/freshtechbro/claudedesignskills --skill spline-interactive インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/freshtechbro/claudedesignskills