スキルを探す

実機のiPhoneでiOSアプリの各画面を撮影し、Appleの設計指針やDESIGN.mdに照らして見た目を評価。項目別の採点と改善点を示すスキル。

• iPhone実機で見た目を確認したいとき
• 画面とデザイン方針を照合したいとき
• 採点をもとに改善点を整理したいとき

英語の説明やmermaidのソースから図を作り、元データ、編集用の.excalidraw、共有用のSVG・PNGをまとめて出力するスキルです。

• 業務の説明をフローチャートにしたいとき
• システム構成を図解したいとき
• 資料やREADME用の図を用意したいとき

iOSアプリからDebugBridgeパッケージとデバッグ用の接続コードを取り除きます。/ios-qaが追加した状態確認用の仕組みや生成コードを片付けるスキルです。

• /ios-qa後のアプリ整理
• DebugBridgeを削除したいとき
• StateServerとDebugOverlayの削除

承認済みの画面案や文章で伝えた要望を、Pretextを使うHTML/CSSに仕上げます。文字の折り返しや高さの計算に対応し、内容に応じて動くレイアウトを実装します。

• 承認済みの画面案をHTML化したいとき
• 文章の要望からページを作りたいとき
• 文字量に応じたレイアウトの実装

SNSのヘッダーや広告、Web・印刷向けのバナーを用途とサイズに合わせて制作。支給素材やCSSの図形を使い、複数のデザイン案を比較できます。

• SNSのヘッダーやカバーを作りたいとき
• 広告バナーのデザイン案を比較したいとき
• Webのメインビジュアル制作

マーケティング資料や提案用のHTMLスライドを制作。Chart.jsのグラフ、画面幅に応じたレイアウト、文章の型を使い、内容と見せ方を組み立てます。

• マーケティング資料を作りたいとき
• 提案用のプレゼンを作りたいとき
• Chart.jsのグラフでデータを説明

ブランドの語り口や配色、書体、メッセージの基準を整え、制作物の一貫性を確認するスキル。素材の命名・形式の検証や、ガイドラインからデザイン設定への同期も支援します。

• ブランドの語り口を統一したいとき
• 配色と書体のガイドライン作成
• 販促素材のブランド整合性確認

色・余白・書体を共通の設定値として整理し、画面部品の状態別仕様やCSS変数を作成。同じブランドルールに沿ったHTMLスライドも制作するスキル。

• 色・余白・書体の共通化
• ボタンの状態別仕様を整理したいとき
• コード内の直接指定された値の確認

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

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

shadcn/uiとTailwind CSSを使い、操作しやすいフォームや表、画面幅に応じたレイアウトを実装。配色やダークモードも統一するスキル。

• キーボードで操作できるフォーム作成
• スマホとパソコンの表示を整えたいとき
• 配色とダークモードの統一

Web・モバイル・デスクトップの画面設計や改善に、ローカル資料から配色・書体・操作の指針を検索。製品や開発環境に合うUIの実装とレビューを支えます。

• 新しい製品の配色と書体を選びたいとき
• フォームとキーボード操作のレビュー
• 小さな画面で崩れる表示の修正

テーマや台本から、ナレーション・字幕・BGM付きの動画を作るスキル。MoneyPrinterTurboの導入や設定、生成失敗時の修復から完成MP4の受け渡しまで進めます。

• テーマからSNS用の短い動画を作成
• 解説台本をナレーション付き動画にする
• ストック映像を使った販促動画の制作

コードの変更差分と関連するテスト・呼び出し元を読み取り専用で調べ、変更によって生じた修正すべき不具合を、根拠と重要度を添えてまとめるスキル。

• 未コミットの変更を確認したいとき
• マージ前の変更を確認したいとき
• 特定コミットの不具合を探したいとき

Codexの設定や料金、OpenAIのAPI・製品の使い方を公式資料で調べ、出典付きで案内するスキル。モデルの選定や移行、プロンプトの調整、問題の切り分けにも使えます。

• Codexの設定確認と問題の切り分け
• モデルの費用・速度・品質の比較
• モデル移行とプロンプト調整の検討

繰り返し頼む作業や固有の手順をCodex向けのスキルにまとめ、必要な指示・参考資料・補助スクリプトを整理して、新規作成や既存内容の改善を進めるスキル。

• 繰り返す作業をスキル化したいとき
• 既存スキルの指示を改善したいとき
• 参考資料や補助スクリプトの整理

写真風の画像やイラスト、商品モックアップなどを生成し、既存画像の背景変更や不要物の除去、透過処理、参考画像に基づく別案づくりにも使えるスキル。

• Webサイトのメイン画像づくり
• 商品やパッケージの完成イメージ検討
• 画像の不要物除去や背景変更

Codexに追加できるスキルを一覧で確認し、選定済みリストや指定したGitHubの場所から導入するスキル。実験版や非公開リポジトリ、複数スキルの一括導入にも対応します。

• 追加可能なスキルと導入状況の確認
• 選定済みリストからスキルを導入
• 非公開GitHubのスキルを追加

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

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

Pythonでブラウザ操作を自動化するために、browser-useの導入、エージェントやブラウザの設定、独自ツールの追加、実行状況の監視を参照資料に沿って支援します。

• Pythonでブラウザ操作を自動化したいとき
• エージェントやブラウザ認証の設定
• 独自ツールや実行フックの追加

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

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

Webサイトやアプリを実際のクラウドブラウザで操作し、画面や動作を検証します。公開サイトとローカル開発環境に対応し、根拠付きの5段階評価を返します。

• 購入手続きの動作を確認したいとき
• ローカル開発アプリの動作検証
• ランディングページの品質評価

Browser Use Cloudのブラウザ操作を、Base上のUSDCで支払えるように、ウォレットの準備から秘密鍵の保存、動作確認、アプリへの組み込みまで案内します。

• APIキーなしでクラウド操作を使いたいとき
• 自動化用ウォレットの準備と入金
• アプリへのウォレット決済の組み込み

ローカルのChromeを使えない実行環境から、Browser Use Cloudの独立したブラウザを操作し、ページ確認やフォーム入力、画面保存を行うスキル。

• ローカルChromeがない環境での閲覧
• 検索欄やWebフォームへの入力
• ページ内容の確認と画面保存

`resources_discover`から読み込まれるサンプルスキルです。拡張機能が提供する例として示されており、具体的な作業機能の説明はありません。

• resources_discoverの読み込み例確認
• 拡張機能が提供するサンプルの確認
• サンプルの説明範囲を把握したいとき