JavaScript

repo-scan は、ファイルを分類し、埋め込みのサードパーティライブラリを検出し、何が中核で、何が重複で、何が不要な負荷かを判断しやすくする、クロススタック対応のソース監査スキルです。repo-scan を Code Review に使う場面、レガシー移行、リファクタリング計画に役立ちます。インストール方法と使用ガイドは、このスキル内の repo-scan の案内を参照してください。

nuxt4-patternsは、Nuxt 4のためのスキルで、hydrationの安全性、route rules、lazy loading、SSR-safeなデータ取得を扱います。nuxt4-patternsスキルを使うと、Frontend Developmentの判断をより良くし、ミスマッチを減らし、各ページやコンポーネントに適したパターンを選べます。

nodejs-keccak256 skill は、JavaScript と TypeScript で Ethereum のよくある落とし穴を避けるのに役立ちます。Keccak-256 が必要なのに Node の sha3-256 を使ってしまう問題を防げるため、バックエンド開発、selector、event topic、signature、storage slot、address 生成で特に有用です。nodejs-keccak256 の実用的な使い方も確認できます。

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

nanoclaw-repl は、NanoClaw v2 の操作と拡張を行うためのセッション対応 REPL スキルです。永続的な markdown ベースのセッション、ブランチ作成、検索、圧縮、モデル切り替え、エクスポートをサポートし、Workflow Automation に役立ちます。この nanoclaw-repl ガイドを使えば、ローカル作業を決定的に保ちつつ、再開しやすく整理された状態で進められます。

frontend-slidesは、ゼロからアニメーション豊かなHTMLプレゼンテーションを作成したり、PowerPointファイルを変換したりするのに役立ちます。講演、ピッチデック、ワークショップ、社内デモ、そしてUI Design向けのfrontend-slidesで、見た目の検討を重視したいとき、ブラウザ出力をゼロ依存で使いたいとき、1つのビューポートに収まるスライドが必要なときに、このfrontend-slidesスキルを使ってください。

frontend-patterns は、React と Next.js のフロントエンド開発に役立つ実践的な skill です。コンポーネント、状態管理、フォーム、ルーティング、アクセシビリティ、パフォーマンスについて、保守しやすいパターンを選ぶ助けになります。一般論のベストプラクティスではなく、実装方針やパターン選定を明確に確認したいときに、frontend-patterns ガイドを活用してください。

coding-standardsスキルは、フレームワーク固有のルールを適用する前に、命名、可読性、不変性、一貫性、コードレビューについて、プロジェクト横断で使える基本方針を示します。

bun-runtime スキルは、新しい JavaScript / TypeScript プロジェクト、Node からの移行、スクリプト実行、テスト、Vercel のセットアップで Bun を選ぶべきか判断するのに役立ちます。bun-runtime の使い方、導入の考え方、Bun と Node のトレードオフ、フロントエンドからフルスタックまでの実践的なワークフローをカバーします。

agentic-engineeringスキルを使って、eval-firstの実行、タスク分解、モデルルーティング、回帰チェック付きのより安全なワークフロー自動化を学べます。

browse は、QA、dogfooding、ブラウザ自動化に使える高速なヘッドレスブラウザ skill です。ページを開く、要素を操作する、状態を確認する、操作前後を比較する、スクリーンショットを取得する、レスポンシブレイアウトやフォーム、アップロード、ダイアログ、要素状態を検証するといった用途に使えます。汎用的なプロンプトではなく、ブラウザ上の証拠が必要なときに browse を導入してください。

setup-pre-commit は、lint-staged、Prettier、必要に応じた typecheck/test 実行を組み合わせて、Husky の pre-commit フックを追加するのに役立ちます。既存の設定をできるだけ保ったまま、現在のパッケージマネージャーに合ったスクリプトを整えつつ、素早く再現性のある pre-commit の安全網を作りたいときに使うガイドです。

tdd は、red-green-refactor のループを使って機能開発、バグ修正、耐久性の高いテスト作成を進めるための Test-Driven Development スキルです。公開インターフェース越しの振る舞い重視テスト、境界だけをモックする方針、テスト自動化・リファクタリング・インターフェース設計に関する実践的な指針を重視します。

prototype skill は、本実装に進む前に、ひとつの具体的な疑問に答えるための使い捨てコードを作るのに役立ちます。ロジック、状態遷移、データ構造、UI の方向性を、リポジトリの規約に沿った実行可能なプロトタイプで検証したいときに使います。完成版の機能ではなく、すばやいプロトタイプの指針が必要な場面に最適です。

ckm:design-system は、明確なトークンアーキテクチャから、三層トークン、コンポーネント仕様、CSS variables、Tailwind mappings、ブランドに一貫したスライド素材をまとめて生成・管理できます。

paypal-integrationは、PayPalのチェックアウト、定期課金、Payouts、IPN、返金フローの設計とひな型作成を支援するスキルです。JavaScript SDKとREST APIのどちらを選ぶべきか判断しやすくなり、スターターコードの生成や、EC向け決済ワークフローの実装方針整理にも役立ちます。

nodejs-backend-patternsは、ExpressやFastifyを使ったNode.jsバックエンドサービス構築のための実践ガイドです。ミドルウェア、認証、エラーハンドリング、リポジトリ層、DI、キャッシュ、データベース連携までをカバーしており、本番運用を見据えたAPI設計・実装の参考になります。

typescript-advanced-typesは、高度なTypeScriptの型設計に特化したスキルです。generics、conditional types、mapped types、template literal typesに加え、安全なフロントエンド開発やライブラリ設計に役立つ実践的な型パターンを幅広く扱います。

modern-javascript-patterns は、レガシーな JavaScript を ES6+ ベースで見直すための実践的なリファレンスです。async/await、modules、destructuring、関数型の配列パターンまで幅広く扱っており、フロントエンド開発や汎用的な JavaScript コードのモダナイズに役立ちます。より読みやすい構文、適切なパターン選択、保守しやすい実装へ移行したいときの判断材料として使えます。

javascript-testing-patterns は、Jest・Vitest・Testing Library を使った JS/TS テスト作成とテスト環境の組み立てを支援するスキルです。ユニットテスト、統合テスト、UI テストの設計に使え、モック、fixture、カバレッジ、より精度の高い Test Automation プロンプト向けのパターンも備えています。

nextjs-app-router-patterns は、Next.js 14+ の App Router アーキテクチャ設計を支援するスキルです。Server Components、streaming、caching、route handlers、Server Actions を含むフルスタック開発や、Pages Router からの移行計画に役立ちます。

dependency-upgrade は、semver の確認、互換性分析、段階的ロールアウト、テストを踏まえて大規模な依存関係アップグレードを計画するためのスキルです。npm や yarn のパッケージ監査、依存ツリーの確認、競合の解消、フレームワークやライブラリのより安全なアップグレード方針の検討に役立ち、Code Editing のワークフローで活用できます。

react-modernization は、React 16/17 アプリを 18+ へ移行するためのマイグレーション特化スキルです。クラスコンポーネントの hooks 化、root API の更新、codemod を踏まえた段階的リファクタリング計画まで、移行作業を進めやすい形でガイドします。

vercel-react-native-skills は、パフォーマンス重視のフロントエンド開発に役立つ React Native / Expo 向けスキルです。リスト描画、アニメーション、ナビゲーション、UI パターン、状態管理、ネイティブモジュールのセットアップ改善に活用できます。モバイルアプリのボトルネックを、迷いを減らしながら解消するための実践的なルール、導入ガイド、運用パターンが含まれています。