Calesthio

色・書体・レイアウト・動きのルールを一つのファイルに整理。Webサイトや動画、PDFからの抽出と、動画・スライド・デザインツールへの適用を支援します。

• 希望する雰囲気からデザイン指針の作成
• WebやブランドPDFから見た目の抽出
• 動画・スライド・デザインの見た目の統一

ローカルの動画をffmpegで編集し、切り抜き・結合・サイズ変更・圧縮・形式変換を行います。再生速度の調整、音声の抽出や差し替え、ロゴ画像の重ね合わせにも対応します。

• 動画の切り抜きや結合をしたいとき
• SNS向けに動画サイズを変えたいとき
• 音声を抽出・差し替えしたいとき

OpenMontageで台本から多言語のナレーション音声を生成するスキル。Azure AI Speechを使い、声や話す速さ、抑揚を調整して保存します。

• 解説動画のナレーションを作りたいとき
• 多言語の台本を音声にしたいとき
• 読み上げの速度や雰囲気を調整したいとき

動画から場面の画像と音声の文字起こしをローカルで取り出し、内容確認の材料を時刻付きで整理します。APIキーを使わず、映像と発言を確認したいときに役立ちます。

• 手元の動画の映像と発言を確認
• APIキーなしで文字起こししたいとき
• 場面変化や一定間隔で画像を抽出

文章で伝えたアイデアから、HeyGenで説明動画や商品デモを生成します。台本、アバター、映像、音声、字幕を自動で組み立て、動画の試作に使えます。

• 文章から商品デモを作りたいとき
• 解説テーマを動画にしたいとき
• マーケティング動画の下書き

Three.jsで物体の色や形の動きを独自に描く処理を実装します。波打つ変形、輪郭の発光、溶けるような消失などの表現から、既存の材質の拡張まで支援するスキルです。

• 表面を波打つように動かしたいとき
• 輪郭の発光やグラデーションの追加
• 溶けるように消える演出の実装

Three.jsの3D画面に光のにじみや背景ぼけ、色補正などを加えるスキル。複数の効果の組み合わせから独自の画面効果、描画負荷の調整まで扱います。

• 3Dシーンの物体を光らせたいとき
• 背景ぼけや画面の色味を調整したいとき
• 選択した物体を輪郭で強調したいとき

音声をAzure AI Speechで文字起こしし、単語ごとの時刻や話者ラベルを取得するスキル。OpenMontageでの字幕生成や会話音声の処理に使えます。

• 録音音声を文字起こししたいとき
• 動画字幕の時刻情報を作りたいとき
• インタビューの話者を区別したいとき

Three.jsで3D表面に貼る画像や動画、背景・反射用の画像を設定します。貼り付け位置や色、繰り返しの調整に加え、圧縮や再利用によるメモリ管理も扱います。

• 3D表面の画像位置や繰り返しを調整
• HDR画像を背景や反射に使いたいとき
• 動画やCanvasを3D表面に表示

Three.jsの3D画面に、クリックやタッチでの選択、カメラ操作、物体の移動・回転・拡縮を実装します。入力処理から操作時の見た目の変化まで扱います。

• クリックやタッチで3D物体を選びたいとき
• カメラの回転・ズーム操作の追加
• 物体のドラッグ・回転・拡縮

Three.jsで基本図形から独自の立体、文字や点群を作るスキル。頂点の編集、形状の結合、同じ形を多数描く処理を通じて、形作りと描画負荷の調整を支援します。

• 基本立体や曲線に沿う形状の制作
• 独自のメッシュを作成・変形したいとき
• 立体文字や点群、ワイヤーフレーム表示

Three.jsの3D物体に、金属・ガラス・布・アニメ調などの質感を設定します。素材の選択、テクスチャや反射の調整、独自の描画表現と負荷対策まで扱います。

• 3D物体を金属やガラスにしたいとき
• アニメ調の陰影を付けたいとき
• テクスチャと周囲の映り込みの調整

Reactで増えすぎた真偽値の設定項目を整理し、部品の組み合わせと状態管理を見直して、再利用しやすいコンポーネントを設計するための指針をまとめたスキル。

• 真偽値の設定項目を整理したいとき
• 再利用できる部品集を設計したいとき
• 状態管理と部品構成のレビュー

Webサイトのクリックや入力、ページ移動をPlaywrightで録画し、デモ動画の素材を作ります。画面サイズや操作速度の調整、クリック位置の強調も扱います。

• アプリの操作説明を録画したいとき
• フォーム送信やログインの実演
• Remotion用の操作映像を作りたいとき

ElevenLabsのAPIキーを確認し、未設定・無効な場合は取得から検証、.envへの保存まで案内するスキル。MCPツールの利用準備に役立ちます。

• ElevenLabsの初期設定
• APIキー未設定のエラー解消
• 既存APIキーを確認したいとき

Remotion動画に、ツールキット付属の背景や比較画面、独自の場面転換を組み込む作業を支援します。30fpsでの時間配分や描画時の実装規約も扱います。

• グリッチや光漏れで場面を切り替える
• 2本の動画を並べて比較したいとき
• 解説者の小窓やロゴを重ねたいとき

欲しい音を文章で伝え、ElevenLabsで効果音や環境音を生成するスキル。動画の衝撃音やアプリの通知音などを、長さやループの有無を指定して作れます。

• 動画用の衝撃音作り
• 雨音や森の環境音のループ生成
• アプリの通知音作り

文章で曲の雰囲気や長さを指定し、ElevenLabs Music APIでBGMや歌詞付きの曲を生成します。構成案を編集して曲調や展開を細かく調整できます。

• 動画用のBGMを作りたいとき
• 歌詞付きの曲を生成したいとき
• 短いジングルの制作

動画用BGMや歌詞付きの曲を、曲調・長さ・テンポなどを指定して生成するスキルです。参考音源のアレンジや、ボーカル・楽器別の音声分離にも対応します。

• 動画の場面に合うBGMを作りたいとき
• 歌詞付きの短いジングル制作
• 参考音源をジャズ風に変えたいとき

Reactで動画を作るRemotionの実装を支援し、字幕、音声、場面転換、文字アニメーションなど、作業に合う解説とコード例へ案内するスキル。

• Remotion動画に字幕や動く文字を加えたいとき
• 音声と場面転換のタイミングを調整したいとき
• グラフや音声の視覚表現を作りたいとき

音声・動画を90以上の言語で文字起こしし、話者の区別や単語ごとの時刻も取得。会議や取材の記録、字幕用テキストの作成、リアルタイムの文字起こしに使えます。

• 会議録音を話者別に文字起こししたいとき
• 動画字幕用の時刻付き文章の作成
• 専門用語を含む取材音声の文字起こし

ReactとNext.jsのコードを性能面から見直し、データ取得の待ち時間や配信するコード量、不要な再描画を減らす改善を、優先順位付きのルールで支援します。

• Reactの性能をレビューしたいとき
• Next.jsのデータ取得を改善したいとき
• 配信するJavaScriptを減らしたいとき

文章や静止画から、LTX-2.3 22Bで約5秒の動画素材を生成するスキル。補足映像や動く背景、ポートレートのアニメーションを、画角や動きを指定して作れます。

• ナレーション動画の補足映像作り
• スライド背景への控えめな動き付け
• 静止画ポートレートの動画化

数学や科学の解説動画のアイデアを、シーンごとの具体的な構成案にまとめます。調査と対象読者の確認を通じ、図形の動きやナレーション、実装順まで整理するスキルです。

• 曖昧な解説動画案の具体化
• 数学や科学を直感的に図解したいとき
• 視聴者に合わせた説明の深さの調整