「before」の検索結果

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

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

公開したArtifactページに、入力内容の保存や閲覧者間の状態共有、連携データの取得、Claudeへの質問などを組み込むための仕様と手順を提供します。

• 操作を保存する投票やチェックリスト作成
• 共有データを使うタスクボード作成
• 連携データを表示するページ作成

調査テーマを五つの観点に分けてウェブ検索し、複数の情報源から集めた主張を反証の視点で検証して、出典と確信度を整理した調査レポートにまとめるスキル。

• 複数の視点からテーマを調べたいとき
• ウェブ上の主張を複数資料で検証したいとき
• 出典付きの調査レポート作成

ExcelやCSVの作成・編集、数式計算、グラフ化、乱れた表データの整理を行います。既存の書式や数式を尊重し、再計算とエラー確認を経て表計算ファイルに仕上げます。

• 乱れたCSVを表計算ファイルに整理
• 既存の書式を保ったExcel編集
• 数式で再計算できる財務モデル作成

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

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

Google Drive上の文書・表・スライドの新規作成や編集を支援します。既存ファイルのリンクを保ちながら、本文修正、書式設定、タブや図表の追加を進めます。

• 既存のGoogle Docsの本文修正
• Google Sheetsのタブ追加・書式設定
• 既存のGoogle Slidesに図表を追加

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

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

報告書や提案書、履歴書、マニュアルなどを、共有やコメントができる編集可能な文書として作成し、WordやPDFなどの形式で書き出すためのスキルです。

• 共有用の報告書を作りたいとき
• コメントを募る提案書の作成
• 履歴書や応募用の手紙の作成

データの目的に合うグラフ形式を選び、配色の検証から凡例・ツールチップ・表表示まで整えます。明暗両モードで読みやすいグラフやダッシュボードを作るスキルです。

• データに合うグラフ形式を選びたいとき
• 色覚の違いに配慮した配色の検証
• 明暗両モードのグラフを作りたいとき

データの流れや構成の違い、状態の変化を伝える図をArtifactsで作るために、図解の設計と明暗両テーマで読みやすいSVGの描画方法を整えるスキルです。

• データの流れや構成要素の関係の図解
• システム構成案を並べて比較
• 移行前後の変化を説明したいとき

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Remotionで使う大きなメディアファイルをCloudflare R2へアップロードし、公開URLへの参照に置き換えてGitに含めるローカル素材を整理します。

• Gitに入らない大きな素材の配信
• PRにメディアファイルを含めたくないとき
• ローカル素材を公開URLへ置き換え

Remotionのテスト作成・更新・レビューで、利用者が確認できる操作結果や生成物を検証する方針を示し、結合テストや単体テストの選択と回帰確認を支援するスキル。

• 機能に合うテスト範囲を選びたいとき
• 既存テストの検出力をレビューしたいとき
• 修正前後で回帰テストを確認したいとき

Remotionの現在のバージョンをソースファイルで確認し、次回はパッチ版という開発方針に沿って、ドキュメント内のバージョン表記を点検するスキル。

• 現行バージョンをソースで確認したいとき
• 次のパッチ版の参照表記を点検
• リリース前のドキュメント確認

Remotionのスキルを内部用か公開用かに応じた場所へ配置し、公開用をエージェントから参照するリンクの作成と同期・検証の手順を案内します。

• 内部用・公開用スキルの配置先を決める
• 公開スキルの参照リンクを追加したいとき
• 公開スキルのリンクを同期・検証する

プルリクエストのCI失敗やマージ競合、未コミット・未送信の変更を確認し、原因の修正と必要なローカル検証を通じて、準備の整った状態に戻すスキル。

• PRの自動チェック失敗を直したいとき
• 取り込み先との競合を解消したいとき
• 未コミット・未送信の変更の確認

現在の変更を整形し、ビルドとスタイル検査を経てGitHubのPRを作成・更新します。関連する課題を本文に記載し、条件がそろえば変更ページのプレビューリンクも追加します。

• 現在の機能変更をPRにしたいとき
• 既存PRにローカル変更を反映したいとき
• 提出前の整形とビルド確認

Remotionの機能やAPIに関する公式ドキュメントを検索し、関連ページをMarkdownで取得します。記憶だけに頼らず、現在の仕様を確認して実装に使えます。

• RemotionのAPIの使い方を確認したいとき
• 実装前に機能の公式資料を探したいとき
• 関連資料をMarkdownで読みたいとき