Webページのスクロールに合わせて、要素の移動や表示、区間内での固定を実装します。GSAPのScrollTriggerを使い、視差効果や横方向の演出も扱います。
- 画面に入ったカードを表示したいとき
- スクロール中にセクションを固定
- スクロール量とアニメーションを連動
1.3万 件 ・ 関連度順
概要と使いどころ
Webページのスクロールに合わせて、要素の移動や表示、区間内での固定を実装します。GSAPのScrollTriggerを使い、視差効果や横方向の演出も扱います。
2Dキャラクターをパーツに分け、回転の中心や重なり順、動ける範囲をデータで設計するスキル。ローカルアニメーション向けに再利用できる動作の仕組みを整えます。
既存のRemotion動画のソースをHyperFramesのHTMLとGSAPへ移植するスキル。非対応コードの検出、変換後の映像比較、差異の記録まで扱います。
Three.jsで基本図形から独自の立体、文字や点群を作るスキル。頂点の編集、形状の結合、同じ形を多数描く処理を通じて、形作りと描画負荷の調整を支援します。
d3.jsで独自のグラフや関係図、地図を作り、拡大・移動や詳細表示を加えるスキル。データに応じた描画から画面サイズへの対応、配色や操作性の調整まで扱います。
HyperFramesの動画制作を、プロジェクト作成から素材追加、検査、プレビュー、書き出しまで進めます。一括・クラウド描画の選択や、制作中のエラー調査も扱うスキルです。
複数シーンの紹介映像や既存素材の再編集など、自由な構成の動画をHyperFramesで制作・修正します。構成づくりから素材配置、動きや音声の組み立て、検証までを扱います。
文字や図形の動き、場面転換を組み合わせて、HyperFramesのアニメーションを制作・点検します。動きのレシピやシーンのひな形、実装方式別の資料を参照できます。
現在の変更を整形し、ビルドとスタイル検査を経てGitHubのPRを作成・更新します。関連する課題を本文に記載し、条件がそろえば変更ページのプレビューリンクも追加します。
Remotionの新版公開に向け、認証確認やビルド、npmパッケージの取得検証、公開タグの更新、変更履歴の作成と承認後のGitHub公開までを進めるスキル。
Remotionの動画プロジェクトを作成し、ブラウザでプレビューを確認しながらReactで映像を組み立てるスキル。複数シーンやStudioでの編集にも対応します。
Twenty本体の同期対象となるメタデータに、入力検証の失敗から作成・更新・削除の成功までを確認する統合テストと、再利用できる補助関数を整えます。
Twentyアプリの公開に向け、READMEや掲載情報、ロゴ、スクリーンショットを整えます。パッケージの設定確認からビルド検証、npmへの公開まで扱います。
サブスクリプションの解約や決済失敗による離脱を減らすため、理由別の継続提案、休止・プラン変更、支払い再試行や通知、利用低下の兆候に応じた対応を設計します。
ウェブサイトに必要なページと階層を整理し、メニュー、URL、内部リンクを設計します。構成図やURL一覧にまとめ、新規制作や既存サイトの再編計画に役立てます。
テンプレートとデータを使い、地域別・比較・用語集などのSEOページを多数展開するため、検索需要の調査からページ構成、内部リンク、公開前の品質確認までを支援します。
見出しやボタンなどの変更を比較するA/Bテストを、仮説づくりから必要人数、実施期間、結果の解釈まで設計します。実験案の優先順位づけや継続運用の仕組みも整理します。
予算・人員・事業段階に合わせて、集客から継続利用・収益化までの施策を整理し、担当者付きの90日計画と資金調達を見据えた12か月のマーケティング計画を作るスキル。
AIエージェントの成功率・安定性・費用を測る評価の仕組みを設計します。採点基準、再現可能な環境、失敗原因の特定、再発確認まで整え、モデル選定や改善判断に使います。
将来のキャッシュフローに基づく企業価値の算定や、前提条件を変えた投資分析を支援します。確率を使うシミュレーションとシナリオ比較で、評価額やリスクを整理します。
GUIアプリやソースコードをもとに、Hermes Agentでコマンド操作用のPythonプログラムを作成・改良し、テストや導入確認まで進めるスキル。
CloudCompareで点群やメッシュをコマンド処理するスキル。ノイズ除去、地面の抽出、位置合わせ、距離計算から形式変換まで、3Dスキャンデータの加工を支援します。
Godotのプロジェクト作成からシーンの構造確認、ノード追加、GDScriptの実行・構文検証、設定済みプリセットでの書き出しまでをコマンドで進めるスキル。
Blenderの3Dシーンをコマンドで組み立て、材質・照明・カメラ・アニメーションを設定するスキル。レンダリングや実際のプレビュー画像での見た目の確認にも対応します。