jpskill.com

すべてのSkill (6,277)

🛠️ 開発・MCP コミュニティ
web-i18n-next-intl
Next.js App Routerで、型安全な国際化(i18n)を実現し、多言語対応のWebアプリケーション開発を効率的に進めることができるSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
web-framework-vue-composition-api
Vue 3のComposition APIを活用し、リアクティビティやコンポーザブル、ライフサイクルといった要素を組み合わせて、効率的で再利用可能なVue.jsのWebアプリケーションを構築するSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
web-framework-svelte
Svelte 5のRunesという新しい仕組みを使って、状態管理やデータの加工、イベント処理などを効率的に行い、より使いやすいウェブサイトやアプリケーションを開発するSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
web-framework-solidjs
SolidJSのきめ細かいリアクティビティパターン(シグナル、エフェクト、メモ、ストア、リソース作成、制御フロー、Suspense、SolidStartなど)を活用して、効率的なWebアプリケーション開発を支援するSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
web-framework-react
ReactというJavaScriptライブラリを用いて、ウェブアプリケーションの画面を部品のように組み合わせて構築したり、便利な機能を利用したり、効率的な開発手法を適用したりするSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
web-framework-angular-standalone
Angular 17-19のスタンドアロンコンポーネント、シグナル、制御フロー、依存性注入パターンといった機能を活用し、より効率的でモダンなWebアプリケーション開発を支援するSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
web-forms-zod-validation
TypeScriptでWebフォームのデータを扱う際に、Zodというライブラリを使って、データの形式や内容が正しいか自動でチェックし、型を安全に扱えるようにするSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
web-forms-tanstack-form
TanStack Formというライブラリを活用し、入力フォームの作成、入力項目の管理、データの検証、配列データの扱い、項目間の連携などを型安全に行えるようにするSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
web-forms-react-hook-form
React Hook Formというライブラリを活用し、フォームの作成、入力制御、配列データの扱い、バリデーション設定、パフォーマンス改善など、Reactで効率的なWebフォームを構築・最適化するSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
web-error-handling-result-types
TypeScriptのResult/Either型を活用し、エラーを値として扱い、鉄道指向プログラミングのパターンで、より安全かつ効率的にWebアプリケーションのエラー処理を実装するSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
web-error-handling-error-boundaries
Reactアプリケーションでエラーが発生した際に、エラー境界パターンや代替UIを表示し、リセットや再試行を可能にすることで、ユーザー体験を向上させるエラー処理を実装するSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
web-data-fetching-graphql-apollo
Apollo ClientとGraphQLを活用し、データの取得・更新・キャッシュ管理を効率的に行い、画面表示の最適化やリアルタイム更新を実現するSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
web-animation-view-transitions
Web Animations APIとView Transitions APIを活用し、同一ドキュメント内や複数ページ間でのスムーズな画面遷移、要素のアニメーション、擬似要素のスタイリング、アクセシビリティ対応などを実現するSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
web-animation-framer-motion
Framer Motion(旧Motion)のアニメーションパターンを活用し、コンポーネント、ジェスチャー、レイアウト、スクロール連動など、Webサイトに動きのある表現を手軽に追加し、アクセシビリティにも配慮したアニメーションを実装するSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
web-animation-css-animations
CSSアニメーションの様々なパターン(トランジション、キーフレーム、スクロール連動、カスタムプロパティなど)を駆使し、GPUアクセラレーションやアクセシビリティにも配慮したWebアニメーションを実装するSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
web-accessibility-web-accessibility
ウェブコンテンツを、高齢者や障碍のある方など、誰もが使いやすいように、アクセシビリティに関する国際的な基準や技術を用いて改善するSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
shared-tooling-typescript-config
TypeScriptの厳格な設定や最新オプション、パスエイリアスの同期、特殊な設定などを扱い、TypeScriptプロジェクトの構成を効率化し、保守性を高めるSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
shared-tooling-git-hooks
Git hooks、lint-staged、commitlintなどを設定し、CI/本番環境に対応、モノレポ構成やv8からの移行もサポートすることで、開発ワークフローを効率化し、コード品質を向上させるSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
shared-tooling-eslint-prettier
ESLintとPrettierというコード整形ツールを、設定ファイル共有やTypeScriptとの連携で効率的に使い、コードの品質を維持・向上させるSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
shared-security-auth-security
機密情報の管理、XSSやCSRF対策、脆弱性のある依存関係の検出、DOMPurifyによる無害化、CSPヘッダー設定、CODEOWNERS、HttpOnly Cookieなど、セキュリティ対策を総合的に支援するSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
shared-monorepo-turborepo
Turborepoを活用したモノレポ構成で、効率的なパッケージ管理や依存関係の最適化を行い、大規模なJavaScript/TypeScriptプロジェクトをスムーズに進めるSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
mobile-framework-react-native
React Nativeの新しいアーキテクチャやコンポーネント設計、React Navigation 7+、FlashList v2最適化、Reanimated 4でのジェスチャーなど、最新技術を活用したモバイルアプリ開発を効率的に行うSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
mobile-framework-expo
Expoのマネージドワークフローを利用して、クロスプラットフォームなモバイルアプリ開発を効率的に進め、iOSやAndroidなど様々な環境に対応したアプリを比較的容易に構築するSkill。
詳しく見る →
🛠️ 開発・MCP コミュニティ
meta-reviewing-cli-reviewing
Commander.js、@clack/prompts、picocolorsなどを使ったCLIアプリケーションのコードレビューで、終了コード、シグナル処理、エラーメッセージ、ユーザー体験、テストの妥当性などを確認し、品質向上を支援するSkill。
詳しく見る →