スキルを探す

動作確認やPR用の録画に字幕、注目箇所のズーム、再生速度の変更を加え、元動画を証拠として残しながら説明付きのMP4に仕上げるスキル。

• PR用の録画に説明字幕を付けたいとき
• UIの操作箇所を拡大したいとき
• 動作確認動画の待機時間を短縮したいとき

OpenClawのブラウザ操作で、ログイン状態やタブを確認しながら複数手順の作業を進めます。古くなった操作対象の参照やタイムアウトへの対処も扱います。

• 複数手順のウェブ作業を進めたいとき
• 操作前にログイン状態を確認したいとき
• タブの再利用と重複整理

ジョークの題材に合うミームのテンプレートを探し、文字入り画像の下書きを作るスキル。ローカルのSVG・PNG出力やImgflipでのURL発行に対応します。

• ジョークに合うミーム形式を選びたいとき
• 名前や話題からテンプレートを探す
• 文字入りSVG・PNGの下書き作成

失敗するテストを先に実行し、最小限の実装で成功させてからコードを整理する開発手順を支援。網羅率80％以上の確認と検証結果の記録まで扱うスキル。

• テストから新機能を実装したいとき
• 不具合を再現してから直したいとき
• テストを保ちながらコードを整理

Webアプリの操作手順を、カーソルや字幕付きのWebM動画に記録します。画面の調査とリハーサルを経て、入力・クリック・スクロールを見やすい速さで撮影します。

• 新機能の操作を動画で紹介したいとき
• 初めて使う人向けの説明動画の作成
• ドキュメントに操作動画を添えたいとき

Reactの画面部品やフックを、利用者の操作と表示結果に沿ってテストします。通信の模擬やアクセシビリティ確認、実ブラウザーで検証する範囲の判断も支援します。

• Reactのフォームや部品のテスト追加
• 独自フックと非同期更新の検証
• APIの成功・失敗応答を模擬したいとき

アプリ開発を計画・実装・評価のエージェントに分け、動作中の画面を検証しながら、設定した品質基準に向けて修正を繰り返す開発支援スキル。

• 短い案からアプリ仕様を作りたいとき
• 別担当の評価で画面を改善したいとき
• フルスタックアプリの動作検証と修正

PythonアプリをWindows向けに配布するため、Nuitkaでのコンパイル、不要ファイルやDLLの分析、Inno Setupでの軽量なインストーラー作成を支援します。

• PythonアプリのWindows配布
• 配布容量の大きな依存関係を調べたいとき
• 新しいWindows環境での起動不良調査

公開サイトやAPIから求人・価格・ニュースなどを定期収集する仕組みを作ります。AIによる要約・分類・採点、保存先との連携、利用者の評価を次回に反映する設計も扱います。

• 求人を収集して条件との一致度を採点
• 商品価格を定期的に追跡したいとき
• ニュースを収集して話題別に分類

Playwrightでブラウザ操作を再現するテストを作り、画面ごとの操作整理や自動実行を支援します。時々失敗するテストの調査と、画像・動画・実行記録の保存も扱います。

• ログインや検索の動作確認
• 画面ごとのテスト操作を整理したいとき
• 時々失敗するテストを調べたいとき

公開前のWeb画面をブラウザで操作し、フォームや認証、3つの画面幅での表示差分、速度指標、アクセシビリティを点検して、公開可否と修正点をまとめます。

• ステージングの新機能を検証したいとき
• 公開前にフォームと認証を確認したいとき
• 3つの画面幅で表示を比較したいとき

Windowsのデスクトップアプリを実際に操作する自動テストを作るスキルです。画面要素の識別、待機処理、失敗時の記録、CIへの組み込みを扱います。

• Windowsアプリの操作テスト作成
• 不安定なGUIテストを調べたいとき
• 画面部品に安定した識別子を付けたいとき

抽象的な考えや仕組みを、つまみや針が動く精密な機械に置き換え、斜め上から見た操作可能な説明図としてHTMLやSVG、React向けに制作します。

• 抽象的な概念を動く機械で説明したいとき
• 技術記事に操作できる説明図を添えたいとき
• 単独で開けるHTML解説の制作

Webサイトの通信をHARファイルに記録し、JSON取得に使われるAPIを読み解いてHTTPクライアントを作るスキル。検索などの処理をブラウザなしで再実行できます。

• Webサイト用のCLIを作りたいとき
• ブラウザなしで検索を繰り返したいとき
• 検索候補やフィードの通信を調べたいとき

スクロールに合わせて映像や演出が進むランディングページを制作します。見せる順序や感情の変化を設計し、HTML実装から各位置の画面検証まで進めるスキルです。

• スクロールで動画が進むLPを作りたいとき
• 場面の変化でブランドを紹介したいとき
• 手持ちの写真や映像でページを作りたいとき

ランディングページや複数画面のWeb製品を、配色・書体・動きの方針から設計して実装します。スクロールに連動した演出にも対応し、見た目や表示性能、画面間の統一感を検証します。

• ランディングページの新規制作・再設計
• スクロールで物語を伝えたいとき
• 複数の製品画面のデザイン統一

ローカルのWebアプリをPlaywrightで操作し、画面の機能や挙動を確認するスキル。スクリーンショットやブラウザログを使った不具合調査も支援します。

• ローカルアプリのボタンやフォーム確認
• 画面とログによる不具合調査
• フロントとバックエンドの同時起動テスト

ロゴ、名刺の完成イメージ、スライド、バナー、SNS画像、アイコンを制作。ブランドの色や書体のルールづくりからUIへの反映まで扱うスキル。

• ロゴと名刺の完成イメージ制作
• 複数のSNS向け画像を作りたいとき
• HTMLでの提案スライド制作

AIが操作するGStack Browserを画面付きで起動し、サイドパネルの操作履歴やチャットを通じて、ページ移動や入力などのブラウザー操作を見ながら進めるスキル。

• AIのブラウザー操作を見たいとき
• チャットでページ移動や入力を依頼
• QAやデザインレビューの操作確認

サイトの見た目の不統一、余白、情報の強弱、操作の遅さを点検し、ソースコードを修正。変更前後のスクリーンショットで確かめながら仕上げるスキル。

• サイト内の見た目の不統一を探したいとき
• 余白や情報の強弱を直したいとき
• 公開中のサイトの見た目の仕上げ

ブラウザを直接操作し、クリックや文字入力、JavaScriptで表示される情報の収集、画面撮影、サイトの動作確認を行います。ログイン済みの画面での作業にも対応します。

• Webサイトのクリックや入力を自動化したいとき
• JavaScriptで表示される情報の収集
• ログイン済みの画面での作業

Browser Use Cloudでブラウザ操作を自動化するために、APIやSDKの使い方、認証、セッション管理、既存エージェントや外部サービスとの連携を案内します。

• アプリへのクラウドブラウザ操作の追加
• 既存エージェントにブラウザを使わせたいとき
• ログイン状態やプロファイルの管理

コード変更時のテスト・型チェック・ビルドを自動化し、公開前の品質確認を整えます。GitHub Actionsの設定から段階的な公開、切り戻し手順まで扱うスキルです。

• 新規プロジェクトのCI導入
• テストと品質チェックの自動化
• 段階的な公開と切り戻しの設計

Paperclipのソース版・npm配布版・稼働中の環境で、画面やCLIの実操作を検証します。対象の版やデータ状態を記録し、画像やログなどの証拠を残すスキルです。

• 初回インストールと初期設定の確認
• 新規・既存データで機能を確かめたいとき
• 指定したnpm配布版の導入検証