「web」の検索結果

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

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

GitHubのプルリクエストから差分やコミットを読み取り、変更内容を説明する動画を作成します。新機能、修正、リファクタリングを実際のコードで伝えます。

• PRの新機能を動画で説明したいとき
• バグ修正の変更点を伝えたいとき
• リファクタリングを解説したいとき

文字や図形の動き、場面転換を組み合わせて、HyperFramesのアニメーションを制作・点検します。動きのレシピやシーンのひな形、実装方式別の資料を参照できます。

• 文字や図形の動きを組み合わせたいとき
• 複数段階で展開するシーン制作
• アニメーションの実装方式の選定

正方形のタイルが浮き上がって順に反転し、裏側の見出しを見せる8秒の映像部品です。文字やタイルの大きさ、反転方向、奥行きや影など18項目を調整できます。

• タイル反転で別の見出しを見せたいとき
• 紹介動画の冒頭アニメーション制作
• デザインに合わせた奥行きや影の調整

角を丸めた立体カードが右から入り、順に回転して注目カードを見せ、左へ抜ける映像部品。内容や形状、照明、背景、カメラを40変数で調整できます。

• 複数カードを立体カルーセルで見せたいとき
• 注目カードを一時停止して見せたいとき
• JSONでカード内容を差し替えたいとき

GitHubでRemotionのスター数を確認し、千単位で切り捨てた値をホームページやチームページの表示に反映し、変更をmainへコミット・プッシュするスキル。

• ホームページのスター表示を更新したいとき
• 3箇所のスター表示をそろえたいとき
• 表示の更新をmainへ反映したいとき

Remotion Canvas Capture拡張機能を再ビルドし、作業用ディレクトリの削除で壊れない場所への設置、Chromeでの再読み込み、録画前の画面準備を支援します。

• 作業ディレクトリ削除後の復旧
• ソース変更後の再ビルドと再読み込み
• 録画前の画面準備とプレビュー確認

Remotionの専門家紹介ページに新しい人物を追加します。顔写真とプロフィール、連絡先を所定の場所に登録し、紹介カード画像の生成まで進めます。

• Remotionの専門家ページに人物を追加
• 顔写真・専門分野・連絡先を登録
• 専門家の紹介カード画像を生成

Remotionの専門家一覧の追加・編集に合わせて、顔写真と紹介カードを更新し、Chrome・Safari向けの背景透過アニメーションを再生成するスキル。

• 専門家の掲載情報を追加・編集したいとき
• 顔写真と紹介カードを更新したいとき
• 背景透過アニメーションの再生成

Remotionのエフェクトを新規実装し、パッケージへの登録から説明ページ、操作できるデモ、プレビュー画像の作成まで進めます。テストやビルドの確認も含みます。

• 新しいエフェクトを実装したいとき
• 読み込み口と設定値の型を登録したいとき
• 説明ページと操作デモを作りたいとき

直近30日間のSNSやコミュニティ、ウェブの投稿と反応を集め、話題への評価や利用者の声を出典付きで整理し、情報源の不具合も診断するスキル。

• 製品や発表への反応を知りたいとき
• ツールの最近の評判を比較したいとき
• 分野内で注目される話題の調査

競合サイトのURLから、製品の特徴・料金・訴求・SEO指標を調べ、出典付きのMarkdown資料に整理します。複数社の比較表や市場全体の要約も作成します。

• 競合の機能と料金を比較したいとき
• 競合の訴求や検索での強さの調査
• チーム向けの出典付き競合資料作成

AI検索の回答で自社がどう紹介・引用されるかを調べ、記事構成や根拠の示し方、サイトへのアクセス設定を点検します。引用されるための改善方針を整理します。

• AI検索での自社の引用状況の確認
• 既存記事の回答を分かりやすくしたいとき
• AIがサイトを読めない原因の調査

検索ツールで事実やデータを調べ、一次資料や信頼できる情報源を優先して、数値・単位・対象期間・URLを後から確認できる形で共有履歴に残すスキルです。

• 一次資料や信頼できる出典の確認
• 数値・単位・対象期間と出典の記録
• 計算や執筆の前に根拠を集めたいとき

Cherry Studioで調査、資料変換、記憶、通知などを頼む際に、目的に合う専用ツールとローカル実行手段を選び、必要な設定や承認を確認するためのガイドです。

• 作業に合う専用ツールを選びたいとき
• Office・PDF資料を読み取り・変換したいとき
• 定期実行や通知を設定したいとき

論文や発表に使う科学図を作成し、欠測値や不確実性の示し方、配色、複数パネルの配置、書き出したファイルの寸法や解像度まで点検するスキルです。

• 論文用の複数パネル図を作りたいとき
• 不確実性や欠測値を明示したいとき
• 配色と色以外の識別手段の点検

ターミナルで動くコーディング用エージェント基盤のPiを導入・設定し、独自の拡張や画面の作成、別アプリへの組み込み、外部ツールとの連携を支援します。

• Piの導入とモデル設定
• 独自ツールや操作画面の作成
• 別アプリへのPiの組み込み

PDFやウェブ、音声などの研究資料をノートにまとめ、出典付きの対話や検索、要約などの変換、複数話者のポッドキャスト生成を支援するスキルです。

• PDFやウェブ資料をまとめたいとき
• 資料に出典付きで質問したいとき
• 独自の要約や文章変換

JSONやCSVのデータをテンプレートに当てはめ、Markdownのノートを生成するスキル。条件分岐や書式変換、一括生成、Defuddleの抽出結果の整形に対応します。

• JSONやCSVからノートを作りたいとき
• 共通テンプレートでノートを一括生成
• Defuddleの抽出結果をノートに整形

自撮り写真をもとに、背景・服装・照明を整えた仕事用のプロフィール写真を作るスキル。Beatraの有料サービスを使い、履歴書や会社サイト向けの画像を生成します。

• 履歴書用の顔写真を作りたいとき
• 会社サイト用のプロフィール写真作成
• キャリア紹介ページの写真更新

Webやモバイルの画面と操作の流れを、指定したWCAGの版・適合レベルで監査します。キーボード操作や読み上げの障壁を記録し、修正の優先順位と再検証につなげます。

• 購入フローのキーボード監査
• 読み上げ・フォーカス・配色の確認
• アクセシビリティ修正の優先順位付け

暗号資産のトークンを名前・シンボル・コントラクトアドレスで検索し、公式サイトや作成者、現在価格、出来高、保有者数、ローソク足データをまとめて調べます。

• トークンのコントラクトアドレスを探したいとき
• 公式サイト・SNS・作成者の確認
• 現在価格・出来高・保有者数の調査

CTFの隔離環境でパケット記録から通信の流れを復元し、プロトコルの内容や転送ファイルを読み解いて、端末やマルウェアの挙動との対応を調べるスキル。

• TCPやUDPの通信を復元したいとき
• HTTPやDNS、独自プロトコルの解読
• 通信で転送されたファイルの抽出

Claude Codeのプラグインから外部サービスやデータベースを使うためのMCP連携を支援。接続方式の選択から設定、認証、動作確認まで案内します。

• プラグインから外部APIを使いたいとき
• ローカルMCPサーバーの設定
• OAuthやトークン認証の設定