すべてのSkill (11,660)
🛠️ 開発・MCP コミュニティ
React Testing Library テスト
web-testing-react-testing-library
React Testing Libraryを用いて、Reactコンポーネントのテストを、アクセシビリティを重視しつつ、ユーザー操作や非同期処理も含めて効率的に行うための様々な手法を習得するSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
Playwright E2E テスト
web-testing-playwright-e2e
Playwright E2Eテストのパターンとして、テスト構造やページオブジェクトモデル、ロケーター戦略、アサーション、ネットワークモック、Visual Regressionなどを活用し、並列実行や設定を効率的に行うSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
Cypress E2E テスト実装
web-testing-cypress-e2e
Cypress E2Eを用いて、テスト構造の設計、データ属性の活用、APIモック、カスタムコマンド、コンポーネントテスト、アクセシビリティテスト、CI/CD連携など、Webアプリケーションのテストを効率的に行うSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
Tailwind CSS v4 ユーティリティ設計
web-styling-tailwind
Tailwind CSS v4という、CSSの設定を柔軟に行える便利なツールを使って、ウェブサイトのデザインを効率的に、そして思い通りに調整するSkill。
詳しく見る →
📦 その他 コミュニティ
SCSS Modules スタイリング
web-styling-scss-modules
SCSS Modules、cva、デザイン tokensといった技術を活用し、Webサイトのスタイルを効率的に管理・構築することで、より洗練されたデザインを実現するSkill。
詳しく見る →
📦 その他 コミュニティ
CVA 型安全バリアント設計
web-styling-cva
Class Variance Authorityというツールを使い、コンポーネントのデザインパターンを型安全に定義し、様々なバリエーションを効率的に管理・適用することで、柔軟で一貫性のあるUIを構築するSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
Zustand クライアント状態管理
web-state-zustand
Zustandは、useStateの使い分けやグローバルな状態管理、Contextの誤用を防ぐ際に役立ち、クライアントの状態パターンを効率的に管理するSkill。
詳しく見る →
💬 コミュニケーション コミュニティ
Redux Toolkit 状態管理
web-state-redux-toolkit
複雑なクライアント状態をRedux Toolkitで効率的に管理し、大規模なエンタープライズ状態管理、DevToolsの活用、エンティティの正規化、またはデータ取得のためのRTK Queryの利用を支援するSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
Pinia による Vue 状態管理
web-state-pinia
Vue 3 アプリケーションでクライアントの状態を管理する際に、Pinia ストアのオプションやセットアップストアを選択したり、ストアを組み合わせたり、データの永続化を実装したりするのに役立つSkill。
詳しく見る →
💼 ビジネス コミュニティ
Jotai アトミック状態管理
web-state-jotai
状態管理ライブラリJotaiを使い、プログラムの状態を細かく分割して管理し、変更があった場合に自動で必要な部分だけ更新することで、効率的な開発を支援するSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
React Query サーバー状態管理
web-server-state-react-query
React Queryでサーバーの状態を効率的に管理し、OpenAPIの定義から型安全なデータ取得を可能にするReactのWebアプリケーション開発を支援するSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
TanStack Router 型安全ルーティング
web-routing-tanstack-router
ReactでWebアプリケーションの画面遷移を、ファイル構成に基づきながら型安全に行い、検索パラメータの検証やデータの事前読み込み、コード分割などを効率的に実現するSkill。
詳しく見る →
💬 コミュニケーション コミュニティ
Socket.IO リアルタイム通信
web-realtime-socket-io
Socket.IO v4.xクライアントの接続から再接続、認証、ルーム、名前空間、応答、バイナリデータ、TypeScript統合といったパターンやライフサイクルを扱えるようにするSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
Service Worker とキャッシュ戦略
web-pwa-service-workers
Webサイトやアプリをより速く、オフラインでも快適に使えるように、Service Workerという技術を使ってデータの保存や更新を効率的に行うSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
オフラインファースト PWA 設計
web-pwa-offline-first
WebアプリやPWAをオフラインでも快適に使えるように、データ同期の仕組みを使い、ネットワークが不安定な状況でもスムーズに情報更新や操作を可能にするSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
Web パフォーマンス最適化
web-performance-web-performance
ウェブサイトの表示速度を改善するために、ファイルサイズを小さくしたり、表示の仕組みを最適化したり、主要な指標を改善したりすることで、ユーザー体験を高めるSkill。
詳しく見る →
💬 コミュニケーション コミュニティ
VitePress ドキュメントサイト構築
web-meta-framework-vitepress
VitePress 1.xは、VueとViteを基盤としたドキュメントサイト向けの静的サイトジェネレーターであり、高速な開発体験で洗練されたドキュメントサイトを構築するSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
SvelteKit フルスタック開発
web-meta-framework-sveltekit
SvelteKitは、ファイルベースのルーティングやデータ読み込み、フォーム処理、サーバー処理など、Webサイトに必要な機能をまとめて提供し、高速な表示やAPI作成を支援するSkill。
詳しく見る →
💬 コミュニケーション コミュニティ
Remix ルーティングとローダー
web-meta-framework-remix
ファイル名に基づいたルーティングやデータ読み込み、フォーム処理、ストリーミング、エラー処理などを効率的に行い、ウェブサイトの機能を段階的に向上させるRemixというフレームワークを使いこなすSkill。
詳しく見る →
📦 その他 コミュニティ
Qwik レジューマブル開発
web-meta-framework-qwik
QwikというWebフレームワークを用いて、表示速度を向上させ、サーバーとクライアント間での処理を効率化し、Webサイトやアプリケーション開発をスムーズにするSkill。
詳しく見る →
💼 ビジネス コミュニティ
Nuxt フレームワークパターン
web-meta-framework-nuxt
Nuxt.jsのファイルベースルーティング、データ取得、状態管理、サーバー機能、ミドルウェア、自動インポート、レイアウト、SEOといった機能を活用し、効率的なWebアプリケーション開発を支援するSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
Next.js App Router パターン
web-meta-framework-nextjs
Next.js App Routerの様々なパターンを活用し、ファイルベースのルーティングやサーバー/クライアントコンポーネント、ストリーミング、メタデータAPIなどを実装して、Webアプリケーション開発を効率化するSkill。
詳しく見る →
💬 コミュニケーション コミュニティ
Docusaurus ドキュメント構築
web-meta-framework-docusaurus
Docusaurus 3.x を使って、ウェブサイトの設定、ドキュメントやブログのプラグイン、サイドバー、バージョン管理、MDX、カスタマイズ、そして公開まで、ウェブサイト構築に必要な様々な作業を効率的に行うSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
Astro アイランドアーキテクチャ
web-meta-framework-astro
Astroは、コンテンツを重視したWebサイト構築フレームワークで、部分的なインタラクティブ性、ファイルベースのルーティング、柔軟なレンダリング方式、画面遷移、多様なフレームワークのコンポーネント利用をサポートするSkill。
詳しく見る →