スキルを探す

Vercel上のサイトやアプリの公開状況を確認し、ビルド・実行ログから障害やデプロイ失敗を調査します。プロジェクトの管理やデプロイにも対応します。

• デプロイ失敗の原因を調べたいとき
• サイトの公開状況を確認したいとき
• 本番エラーをログから調査したいとき

Reactで増えすぎた真偽値の設定項目を整理し、部品の組み合わせと状態管理を見直して、再利用しやすいコンポーネントを設計するための指針をまとめたスキル。

• 真偽値の設定項目を整理したいとき
• 再利用できる部品集を設計したいとき
• 状態管理と部品構成のレビュー

ReactとNext.jsのコードを性能面から見直し、データ取得の待ち時間や配信するコード量、不要な再描画を減らす改善を、優先順位付きのルールで支援します。

• Reactの性能をレビューしたいとき
• Next.jsのデータ取得を改善したいとき
• 配信するJavaScriptを減らしたいとき

Web画面のコードを最新のWeb Interface Guidelinesと照合し、改善すべき箇所を確認します。指摘はファイル名と行番号付きで示します。

• Web画面のコードを見直したいとき
• 基準に沿ってアクセシビリティを確認
• デザインや使い勝手のレビュー

Vercelの特定のデプロイをCodexで監視し、準備完了や失敗を通知するスキルです。PRやコミットから対象を特定し、状態と管理画面・プレビューのリンクを伝えます。

• PRのプレビュー公開を待ちたいとき
• 特定コミットのデプロイを監視
• デプロイ成功・失敗の通知

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

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

ライブラリや開発ツールの最新資料とコード例をContext7 CLIで検索し、バージョンやプログラミング言語に合うAPIの使い方や設定方法を調べるスキル。

• 最新のAPIや設定を確認したいとき
• 指定バージョンの資料を探したいとき
• 使う言語のコード例を優先したいとき

ブログやSNS、商品紹介に使う画像の生成・編集・最適化を支援します。用途に合うツール選びから、ブランドに沿う構図やサイズ、画像圧縮まで整理します。

• ブログの見出し画像やOG画像の制作
• SNS画像やプロフィールバナーの制作
• 実画面を使った商品紹介画像の制作

Web画面のコードを最新のWeb Interface Guidelinesと照合し、改善すべき箇所を確認します。指摘はファイル名と行番号付きで示します。

• Web画面のコードを見直したいとき
• 基準に沿ってアクセシビリティを確認
• デザインや使い勝手のレビュー

ReactとNext.jsのコードを性能面から見直し、データ取得の待ち時間や配信ファイルの容量、不要な再描画などを、優先度付きの指針に沿って改善するスキル。

• 性能を意識したReactコンポーネント作成
• Next.jsのデータ取得の見直し
• 配信コードの容量や読み込み時間の改善

目的に合うエージェント用スキルを検索し、機能や配布元、導入実績を確認して候補を紹介します。選んだスキルをCherryに導入する手順も支援します。

• 目的に合うスキルを探したいとき
• スキルの配布元や導入実績の比較
• 選んだスキルをCherryに導入

ブログやドキュメントなど、コンテンツ中心のWebサイトをAstroで作るスキル。Markdownの記事管理や静的ページ生成、必要な部分だけを動かすUIの実装を支援します。

• Markdownの記事でブログを作りたいとき
• ドキュメントや作品紹介サイトの制作
• 一部だけ操作できるUIを加えたいとき

ページ内の操作対象を読み取り、クリックや入力、情報抽出、画面撮影を進める基本手順を案内し、ログイン状態の保存や複数セッションの管理も扱います。

• フォーム入力と結果画面の確認
• ページの表やリンク先の抽出
• ページ全体や注釈付きの画面撮影

認証で保護されたVercelの公開先に、既存の利用者情報と短期トークンで接続するスキル。保護を維持したブラウザテストや、接続失敗の原因切り分けを支援します。

• 保護されたPreviewをテストしたいとき
• ログイン画面への転送原因を調べたいとき
• Production接続の設定を整理したいとき

Webサイトの閲覧、入力、データ抽出、画面撮影をAIエージェントに任せるために、ブラウザ操作CLIの導入と用途別ガイドの参照方法を案内します。

• サイトの入力やページ移動の自動化
• ページのデータ抽出と画面撮影
• Webアプリの不具合探し

Webアプリを利用者の目線で操作し、不具合や使いにくさを探すスキル。再現手順とスクリーンショット、必要に応じた動画を添え、担当者に渡せる報告書を作成します。

• 公開前にWebアプリの品質を確認したいとき
• フォームや一連の操作を検証したいとき
• 使いにくい画面や表示の問題を探したいとき

Vercel上のアプリから、分離された一時的な仮想環境でChromeを動かし、画面撮影やフォーム入力、状態を保つ複数段階のブラウザ操作を実装します。

• Vercelアプリに画面撮影を組み込む
• 複数コマンドでフォームを入力・送信
• Vercel Cron Jobsで定期実行

複数のアプリや共通パッケージをまとめて管理するTurborepoで、ビルド結果の保存と共有、実行対象の絞り込みを設定し、キャッシュが効かない原因の調査を支援します。

• 新規Turborepoのビルド設定
• ローカルとCIでキャッシュを共有
• 変更の影響範囲だけビルドしたいとき

インフラ構成やデプロイ手順を設計・レビューし、CI/CD、コンテナ、稼働確認、切り戻し、モバイル配信まで、環境に応じた確認項目を整理するスキル。

• デプロイと切り戻し手順の点検
• ビルド・配信の自動化設計
• Docker・Kubernetes設定の確認

LLMアプリの処理経路や入出力をArize AXで追跡できるよう、既存コードの調査から計測の追加、実行確認、記録の到着確認まで進めるスキル。

• LLMアプリの追跡を始めたいとき
• ツール実行の入出力を記録
• 既存のOpenTelemetryに送信先を追加

やりたい作業に合うエージェント向けスキルを探し、配布元や導入実績を確認したうえで、候補の用途・詳細リンク・導入コマンドを案内し、インストールを支援するスキル。

• 作業や分野に合うスキルを探したいとき
• 導入前に配布元や利用実績を比較
• 候補の導入コマンドやリンクを知りたいとき

ブランドや業界に合うWebサイトを、文字・配色・余白・動き・3D表現から設計し、参考サイトの調査に基づいてReactのコンポーネントとして制作するスキル。

• 個性のあるブランドサイト制作
• 商品を中心にしたLP制作
• 独自の構成で作品集を作りたいとき

小規模なSaaSのアイデア検証から、最小限の機能に絞った初期版の開発計画、価格設定、公開準備までを整理し、個人開発の事業化を支援するスキル。

• SaaSを作る前に需要を確かめたいとき
• MVPを一つの中心機能に絞りたいとき
• 月額料金や料金プランの検討

主要AI企業の公開リポジトリや更新履歴、Hacker Newsから新着情報を集め、既報との重複を除いて、読者にとっての意味と参照リンクを添えた日次メールにまとめます。

• AIの新着情報を毎朝受け取りたいとき
• AI開発ツールの変更を追いたいとき
• チーム向けの更新情報共有