スキルを探す

作成したサイトやWebアプリを、用途に合う公開先へ配置して共有用URLを用意します。公開前に動作と安全性、外部サービスへの依存やデータ保存の条件も確認します。

• 静的サイトの一時デモを共有したいとき
• Kortixのサインイン付きアプリの公開
• アプリやコンテナをVercelで公開したいとき

Webサイトの移動やフォーム入力、クリック、画像保存、データ抽出をエージェントに任せるスキルです。画面操作の自動化やWebアプリの動作確認に使えます。

• フォーム入力やページ移動の自動化
• 画面保存とページ内データの抽出
• Webアプリの不具合を探したいとき

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

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

公開GitHubリポジトリの構成を、主要部品の役割やソースの場所、つながりとともに解説します。Mermaidの図と、コードをたどれる対話型の図で全体像を確認できます。

• 初めて読む公開リポジトリの概要把握
• 主要部品のソースを探したいとき
• 部品の関係やデータの流れの確認

AIエージェントが使うツールの説明文、入力項目、返却形式を設計します。選び間違いや不正な呼び出しを見直し、エラーから修正できる案内やツールの統合を検討します。

• 新しいツールの説明と入力定義の作成
• ツールの選択ミスを調べたいとき
• エラー後の修正案内を改善したいとき

LLMを使う企画の適性を見極め、データ取得から出力までの処理を設計します。試作での検証、費用見積もり、単独・複数エージェントの選択、改善手順を整理します。

• LLMに向く作業か確かめたいとき
• 一括分析の処理工程を設計したいとき
• 開発前に処理費用を見積もりたいとき

データへの質問やデータベース接続など、目的に合うWren CLIの手順を呼び出します。モデル定義の生成、業務指標の追加、共有用分析アプリの構築も案内します。

• Wrenを導入してデータベースにつなぎたいとき
• dltでHubSpotやStripeを取り込みたいとき
• モデル定義を生成し業務指標を追加したいとき

Wrenプロジェクトのデータ定義から分析ダッシュボードを作成し、検証からVercelやCloudflareへの公開、共有URLの確認まで進めるスキルです。

• Wrenで売上ダッシュボードを作りたいとき
• データを同梱したレポートの共有
• 最新データを取得する分析アプリの作成

Stripeの料金更新、Supabaseのデータベース変更、Vercelへの公開を順番に実行。Composio CLIで、公開後の動作確認やSlackへの通知まで一連の手順にまとめます。

• 課金・DB・画面をまとめて公開
• 料金変更に合わせた本番切り替え
• 定期リリースのスクリプト化

通知やグラフ、ドラッグ操作など、作りたい画面の機能に合うライブラリを選びます。既存の依存関係を確認し、用途別の選定リストから理由を添えて一つ推薦します。

• 通知や認証コード入力の部品選び
• リアルタイムや集計用のグラフ選び
• ドラッグ操作や大量リストの道具選び

StripeやNotionなど54の実在サイトを参考に、配色・文字・余白・部品の仕様を使い、指定ブランドの雰囲気に沿ったHTML/CSSページを作るスキルです。

• Stripe風のLPを作りたいとき
• Notion風の記事サイト制作
• Linear風の暗いダッシュボード制作

Supersetの本番障害が疑われる際に、デプロイ履歴やエラー、稼働状況を調べ、重大度とステータスページ向け告知案を人の判断用にまとめるスキル。

• Supersetの障害報告を調べたいとき
• 急増したエラーの影響範囲を確認
• 障害の重大度と告知案を整理

Next.js 14+のApp Routerで画面やデータ取得、フォーム処理を実装し、読み込み・エラー表示、SEO設定、性能改善から公開準備まで支援します。

• App Routerで画面を作りたいとき
• Server Actionsでフォーム処理
• 読み込み・エラー表示とSEO設定

ダッシュボードや管理画面を、利用者の目的と扱う情報に合わせて設計します。画面構成から配色、文字、操作時の状態まで、一貫したルールで整えるスキルです。

• ダッシュボードの情報配置を設計したいとき
• 管理画面の配色や文字を統一したいとき
• 設定画面の操作状態を整えたいとき

Vercelのデプロイや環境変数、ドメインをコマンドで管理し、対象プロジェクトの確認からログによる障害調査、性能確認、各種運用設定まで支援するスキル。

• プレビューや本番へデプロイしたいとき
• 環境変数やドメイン、DNSの管理
• ビルド失敗や性能問題を調べたいとき

ClawHubの本番デプロイとCLI安定版のnpm公開を進めます。対象コミットの事前検証から公開後の動作・バージョン確認まで行い、実行結果の証拠をまとめます。

• ClawHubを本番へデプロイ
• ClawHub CLI安定版の公開
• 対象コミットの公開条件を確認

所有している独自ドメインをConvexアプリへ接続し、DNSレコードと所有確認、認証元の設定変更、HTTPSでの表示確認まで進めるスキル。

• 所有ドメインをConvexにつなぎたいとき
• DNSレコードと所有確認の準備
• ドメイン変更後の認証設定を整えたいとき

Chromeの画面を見ながら検索やフォーム入力を自動化し、専用プロファイルにログイン状態を保存して、操作後の画面も確認するスキル。

• Chromeでの検索を自動化したいとき
• Webフォームの入力と送信
• ログイン状態を保った繰り返し作業

未コミットの変更、mainとの差分、コード全体を対象に、AIによる脆弱性調査を実行します。候補ファイルを絞り込み、深刻度付きの指摘を確認・再検証・出力するスキル。

• 未コミットの変更の脆弱性確認
• mainとの差分のセキュリティレビュー
• 既存コード全体を調査したいとき

AI脆弱性スキャナーdeepsecの導入、設定、スキャンや拡張を支援します。付属ドキュメントを参照し、中断したセットアップの再開や検出ルールの作成も案内します。

• deepsecの初期化と中断後の再開
• スキャン・モデル・認証情報の設定
• 脆弱性の検出ルールを作りたいとき

SDKやライブラリの導入ガイド、APIリファレンス、移行手順などを作成・レビューします。実装や公式資料で内容を確認し、読者の目的に沿って説明とコード例を整えるスキル。

• 導入ガイドを作成したいとき
• APIの説明とコード例のレビュー
• 移行手順や障害対処の更新

Webサイトの移動やフォーム入力、クリックをAIエージェントに任せ、ページ内の情報抽出、画面保存、操作前後の比較までコマンドで進めるスキルです。

• フォーム入力と送信を自動化したいとき
• ページ本文の抽出と画面保存
• 変更前後のページ表示の比較

Webアプリを利用者の視点で操作し、不具合や使いにくさを調べます。再現手順と画像・必要に応じた動画を添え、担当者に渡せる報告書にまとめるスキル。

• 公開前に主要な操作を確認したいとき
• フォームや画面遷移の使いにくさ調査
• 再現の根拠を添えた不具合報告

ダッシュボード開発に向け、WorldMonitorの画面部品、データ取得、定期更新、API中継の設計を参照し、個人用に取り入れる構成を検討するスキル。

• WorldMonitor準拠のパネル開発
• データの定期更新設計を学びたいとき
• テーマや画面配置を参考にしたいとき