GSAPのアニメーションで使う数値変換や範囲制限、ランダム化を実装・レビューします。スクロール量に応じた変化や、一定間隔への吸着、複数要素の扱いを支援します。
- スクロール量を移動や回転に変換
- アニメーションの値を範囲内に制限
- 位置や色にランダムな変化を追加
6,172 件 ・ 関連度順
概要と使いどころ
GSAPのアニメーションで使う数値変換や範囲制限、ランダム化を実装・レビューします。スクロール量に応じた変化や、一定間隔への吸着、複数要素の扱いを支援します。
会話のテキストやスクリーンショットから、吹き出しが動く動画素材を作成。アプリ風の外観やアバターを設定し、透明背景の動画や編集用データとして出力します。
SNS広告や検索広告の見出し・説明文・本文を作成し、表現を繰り返し調整するスキル。広告文の候補を用意し、改善案を検討する作業に使えます。
p5.jsで、計算ルールと乱数を使ったアートを制作します。乱数の初期値を固定して同じ描画を再現でき、ポスターや動きを感じる静止画、画面構成の試作に使えます。
曖昧なデザインの要望を、配色・書体・レイアウトなど8つの観点で具体化します。実装の基準となる仕様書とHTMLプレビューを作り、補った初期値も明示します。
fal.aiを使ったリアルタイム・ストリーミング画像生成で、ムードボードの方向性探しや下書きの別案づくりを支援し、制作初期の案を繰り返し試すスキルです。
実物の商品写真をもとに、形・色・素材・ロゴ位置などを保つ方針で、通販向けのメイン画像・特徴紹介・使用シーンの3枚と、確認用ギャラリーを作るスキル。
データを操作しながら読めるグラフや図をD3.jsで作るためのスキル。多様な図表の例を手がかりに、レポートやダッシュボード、データを使った試作品に活用します。
claude-memに蓄積した開発履歴を読み解き、設計の変遷や難題の解決、作業傾向、記憶活用によるトークン節約の推計を物語形式のレポートにまとめます。
1つの文書をもとに、かわいいキャラクターが物語を伝えるNotebookLMのスライド生成を開始し、閲覧先の案内や希望時のPDF取得まで扱うスキルです。
claude-memに蓄積したプロジェクトの履歴を週ごとの物語形式にまとめ、前週から続く課題や判断の流れを追える連載形式のレポートを作るスキル。
長くなったClaudeの作業を新しいセッションへ引き継ぐために、目的や現状、関連ファイル、失敗した試みと理由、次の手順をHANDOFF.mdにまとめるスキルです。
Ant DesignのGitでステージ済みの変更と最近のコミットを読み、今回の変更全体の意図を、既存の書式に合わせた一行のコミットメッセージにまとめるスキル。
独自の作業手順をClaude Code向けスキルにまとめ、設定情報や説明文、テンプレート、付属ファイルの構成から公開前の確認までを案内します。
文書の意味の近さで探す検索をAgentDBで実装します。文書の登録、類似検索、属性による絞り込みを組み合わせ、関連資料を参照して回答する仕組みを作れます。
GitHubの変更提案を複数の専門エージェントでレビューし、安全性・性能・設計・規約を確認します。指摘コメントの作成や品質基準に沿った判定も支援します。
既存のWebサイトやアプリを点検し、文字・配色・レイアウト・操作時の表示を改善します。現在の技術構成と機能を保ちながら、画一的な見た目や不足している状態表示を整えます。
ブランドの意味や対象読者を踏まえ、ロゴ・配色・書体・使用例を一枚の画像にまとめます。新規ブランドの方向性づくりや、既存のロゴを生かした統一感のある提案資料に使えます。
ファイルやレポートなどの成果物を指定先に早い段階で作り、実物をもとに修正を重ね、形式・内容・使える状態を確認してから完了を報告するスキル。
国ごとの安全保障や経済、エネルギー、貿易の情報をWorldMonitorの画面で確認し、必要に応じて文章形式の情勢評価も取得するスキル。
Figmaファイルを解析し、ページや画面、コンポーネント、デザイン上の共通値の関係を図にまとめるスキル。対話型ダッシュボードでデザイン構造を確認できます。
記事や資料を蓄えたLLM wikiを解析し、明示されたリンクと内容から推定した関係をまとめて、知識のつながりを対話的なグラフでたどれるようにするスキル。
コードや設定、文書を解析し、構成要素と依存関係を対話的に探索するためのグラフを作成。日本語での説明生成や、変更された部分に応じた更新にも対応するスキル。
プロジェクトの知識グラフから、新しいメンバー向けの導入ガイドを作成します。全体構成、主要ファイル、学ぶ順序、複雑で注意が必要な箇所を整理します。