Web

videodb は、ローカルファイル、URL、RTSP/RTMP のライブ配信、またはデスクトップキャプチャから動画と音声を取り込み、タイムスタンプ付きの検索で該当シーンを見つけ、再生可能な証拠として確認し、クリップ、オーバーレイ、文字起こし、アラート、タイムライン編集で実際に操作するのに役立ちます。VideoDB for Video Editing とライブ配信分析に向けた、実用的な videodb ガイドです。

ui-demo は、Playwright を使って洗練されたWebアプリのデモ動画を収録するのに役立ちます。カーソルの動きが見え、自然なテンポで進むので、操作手順の紹介、オンボーディング動画、機能ツアー、チュートリアル風の収録に向いています。安定した結果を出すには、まず discover、次に rehearse、最後に record という流れで進めてください。特に、プロトタイプや変化の速い UI で効果的です。

このSEOスキルは、テクニカルSEO、オンページ最適化、構造化データ、Core Web Vitals、キーワードマッピングの監査・計画・実装を支援します。クロール可能性、インデックス可能性、メタデータ、schema、内部リンク、sitemapやrobotsの変更、またはKeyword Research向けのSEOに使えます。ページ単位でそのまま実装できる具体的な指針を提供します。

search-first は、コードを書く前に既存のツール、ライブラリ、パターンを探すための「調査先行」ワークフローです。search-first スキルを使えば、候補を評価し、トレードオフを比較し、採用・拡張・新規実装のどれを選ぶべきかを、迷いを減らしながら判断できます。

perl-security は、より安全な入力処理、taint mode、シェル実行、DBI のプレースホルダー、さらに XSS・SQLi・CSRF などの Web セキュリティ問題まで、Perl コードをレビューするのに役立ちます。Security Audit、修正計画、安全な開発の場面で、ユーザー制御データが重要な sink に到達する箇所を確認するために使ってください。

nextjs-turbopackスキルを使うと、Next.js 16+でTurbopackを活用し、ローカル開発の高速化、HMR、バンドラーの使い分けを実践的に進められます。インストール、使い方、Frontend Developmentのワークフローでwebpackに戻すべきタイミングまでを整理した、実用的なnextjs-turbopackガイドとして使えます。

frontend-design を使うと、明確なビジュアルの方向性を持った、個性のある本番品質のフロントエンド UI を構築できます。この frontend-design skill は、ランディングページ、ダッシュボード、アプリのシェル、各種コンポーネントなど、実装だけでなく階層、タイポグラフィ、モーション、仕上げの精度が重要な場面向けです。デザイン先行の UI 制作に向けたインストール方法と使い方のガイドも含まれています。

exa-search は、最新のWeb情報に基づくリサーチ、コード例の確認、企業情報の収集、人物検索、そして素早いソース探索に使える Exa の MCP スキルです。鮮度と根拠が重要なとき、またライブ検索、ツールベースの回答、Webリサーチのワークフローに役立つ実用的な exa-search ガイドが必要なときに向いています。

deep-researchスキルは、幅広い問いを firecrawl と exa の MCP ツールを使った出典付きのWebリサーチに変換します。情報源の比較、調査結果の統合、引用付きレポートの作成に使え、競合分析、技術評価、デューデリジェンスなど、根拠が必要な意思決定に役立ちます。

canary-watch は、リリース、マージ、依存関係更新のあとに、本番またはステージングのライブ URL をチェックして回帰を検出するためのデプロイ後監視スキルです。

accessibility skill は、Web、iOS、Android 向けに、WCAG 2.2 レベル AA を基準としたアクセシブルな UI の設計・実装・監査を支援します。コンポーネントの役割、ラベル、状態、フォーカス挙動、アクセシビリティ特性を整理するのに使え、UX Audit の実務や実装レビューに役立つ実践的なアクセシビリティ活用を提供します。