「before」の検索結果

HTMLアーティファクトからClaudeを呼び出し、要約などのAI処理を試作品に組み込むスキル。SDKやAPIキーなしで、ページ内のツール実行も扱います。

• HTMLの試作品に要約機能を付けたいとき
• 会話履歴を使うAI応答を試したいとき
• ページ内の処理とClaudeを連携したいとき

変更差分やPRを複数の観点から読み、不具合や重複処理、無駄な計算、規約違反を探して、問題のあるファイル・行番号・具体的な発生条件を整理するスキル。

• コミット前の不具合確認
• PRやブランチのマージ前確認
• 重複処理や無駄な処理の発見

HTMLのスライドを、文字・図形・画像をPowerPointで編集できるPPTXに変換します。フォントの置き換えや発表者ノートの取り込み、書き出し結果の確認にも対応します。

• HTML資料をPowerPointに変換したいとき
• 書き出し前にフォントを置き換えたいとき
• 発表者ノート付きで資料を渡したいとき

Chromeでページの移動やクリック、フォーム入力を自動化し、スクリーンショットや操作のGIF記録、コンソールログの確認まで行うスキルです。

• フォーム入力やページ移動の自動化
• Webページの画面を保存したいとき
• ブラウザの操作手順をGIFで記録

WebアプリやAPI、ソースコードの侵入テストをStrixのクラウドで実行します。対象登録から結果の整理、定期検査、チームでの進捗管理まで扱います。

• Dockerなしで検査したいとき
• チームで脆弱性の対応状況を管理
• 定期検査とPRレビューの運用

稼働中のWebアプリをStrixで検査し、認証やアクセス制御などの弱点を探します。再現用の実証コードを確認し、修正後の再検査につなげるスキルです。

• ステージング環境を検査したいとき
• アカウント間のアクセス権限の検証
• ローカル開発サーバーの検査

商品紹介や解説、字幕追加などの依頼を、素材と目的に合うHyperFramesの制作手順へ振り分け、HTMLを使った動画制作の進め方を案内するスキル。

• 商品紹介動画の制作手順を選びたいとき
• 記事やメモを解説動画にしたいとき
• 人物動画に字幕や図版を加えたいとき

動画用BGMや歌入り楽曲をGoogle Lyria 3で生成するため、モデル選択と指示文作成から試聴、実際の尺の確認、指定尺への仕上げまで支援します。

• 動画の尺に合うBGMを作りたいとき
• 自作の歌詞で楽曲を生成したいとき
• 生成音源の長さと品質の確認

文章や仕様から、自由な視点で見渡せる編集可能な3D世界を組み立てるスキルです。地形・地域・建物・植生とカメラ経路を設計し、空間のつながりを点検します。

• 文章から連続した3D風景を作りたいとき
• 複数の地域を巡るカメラ映像の設計
• 一部の地形や植生を調整したいとき

画像・動画・音声・アバター生成で使うモデルとAPIの接続先を明示し、サービスごとの入力条件や処理の再開方法を確認しながら依頼を組み立てるスキル。

• 生成モデルとAPI接続先を固定したいとき
• 参照画像やマスクで画像を編集したいとき
• 時間切れの生成処理を再開したいとき

xAIのGrokで画像の生成・編集・合成や短い動画制作を進めるために、指示文の組み立て、参照画像の使い分け、生成結果の取得方法を案内するスキル。

• 画像のスタイルや一部を変えたいとき
• 複数の画像を合成したいとき
• 参照画像から商品動画を作りたいとき

OpenMontageからKling公式APIを使い、動画・画像生成、音声読み上げ、アバター動画や口の動きの同期を行うための設定と処理手順を案内します。

• テキストや参照画像からの動画生成
• 参照画像を使った画像生成・編集
• 指定した声で読み上げたいとき

fish.audioで多言語のナレーションを生成し、登録済みの声を再利用できます。感情表現や話す速さ、音量を調整し、短い試聴から本番の音声作成まで進めるスキルです。

• 動画の多言語ナレーション作成
• playgroundで作った声の再利用
• 笑いやささやきを含む読み上げ

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

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

FLUXによる画像生成・編集をアプリに組み込むためのスキル。BFL APIへの接続、完了確認、通知の設定、リクエスト制限やエラーへの対処を案内します。

• アプリに画像生成・編集を組み込みたいとき
• 完了確認や完了通知を実装したいとき
• リクエスト制限やAPIエラーへの対処

文章や画像から3Dモデルを生成し、既存カタログの素材と使い分けるスキルです。Blenderで形状・質感・接地を点検し、出典を記録してシーンに組み込みます。

• 文章から独自の3D小物を作りたいとき
• コンセプト画像を立体化したいとき
• カタログの草木や岩で背景を埋めたいとき

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

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

コード変更の行数を目安に、レビューに適した規模かを確認します。大きな変更では実際の差分や依存関係を踏まえ、段階的な分割と最初に取り込む範囲を検討します。

• レビュー依頼前の変更規模の確認
• 複雑なロジック変更の規模判断
• 大きな変更を段階的に分けたいとき

プルリクエストのタイトルと本文を、変更の理由と最終的な差分に沿って更新します。既存の画像や重要情報を残し、検証内容や関連Issueも整理します。

• レビュー前にPRの説明を整えたいとき
• 開発中に話した変更理由の反映
• 取り消した変更の説明を除きたいとき

既存のHTMLプレゼンテーションを編集する際に、2列配置やカード、注意枠、コードの色分けをそろえるスキル。専用CSSとHTMLの記述例を参照できます。

• 改善前後を2列で比較したいとき
• コード例を色分けしたいとき
• 概念・操作案内・警告の書式を整えたいとき

映像の場面転換や動く文字の登場を、切り替え前後の方向と速度をそろえて設計します。ズーム、ぼかし、単語ごとの連続表示、要素の移動の具体的な設定をまとめています。

• 場面転換の動きをつなげたいとき
• 見出しを単語ごとに切り替えたいとき
• タイトルを時間差で登場させたいとき

段階表示やクリックによる分岐、発表者用ノートを備えた操作可能なスライドを作成します。既存ページの見た目や動きを引き継ぐスライド化にも対応します。

• ノート付きの提案資料を作りたいとき
• 要点を一つずつ表示したいとき
• クリックで補足資料を開きたいとき

動画に使う文字演出や画面効果、図表などの既存部品を検索し、HyperFramesへ導入します。表示の開始時刻や配置を設定し、映像に組み込む作業を支援します。

• タイトル演出や場面転換を探して追加したいとき
• 図表・地図・端末画面を動画に組み込みたいとき
• 同じタグの動画部品をまとめて導入したいとき

Remotion Studioの4つの動作モードで使える機能と制約を整理し、操作やUIの実装・レビュー時に、ボタンの表示や無効化を判断するためのスキルです。

• Studioに追加する操作の対応範囲を確認
• 公開済みStudioのボタン表示をレビュー
• プレビューサーバー切断時の挙動を確認