{"title":"Claude Code Skills","description":"\u003cp\u003e\u003cstrong\u003eClaude Codeスキル — Claude Code、Claude、ChatGPT、または任意のAIを最初のメッセージからシニアエンジニアに変えるドロップインスキルファイルとコマンド。\u003c\/strong\u003e 各スキルは構造化された.mdファイルで、一度貼り付けるだけでプロンプトを書かずに専門的なコーディング動作を得られます。\u003c\/p\u003e\n\n\u003ch3\u003eClaude Codeスキル、agentスキル＆コマンド\u003c\/h3\u003e\n\u003cp\u003eこのコレクションは、コードレビュー、デバッグ、ドキュメント作成、DevOps、セキュリティ、アーキテクチャに特化した開発者向けスキルをまとめています。Claude Codeスキル、agentスキル、codexスキル、またはClaude Codeコマンドと呼んでも、すべて同じことをします：AIにシニアエンジニアの判断基準、慣習、出力フォーマットを必要に応じて与えます。\u003c\/p\u003e\n\n\u003ch3\u003eなぜスキルファイルがpromptより優れているのか\u003c\/h3\u003e\n\u003cp\u003e一般的なpromptは一般的なコードを生み出します。Claudeスキルファイルは実際のエンジニアリング実践—命名規則、テスト、エッジケース、レビュー基準—をエンコードしているため、すべての回答が同じ水準を保ちます。Claude Codeや任意のAIチャットに貼り付けるだけで、一般的なアシスタントではなく専門家のように振る舞います。\u003c\/p\u003e\n\n\u003ch3\u003e5分以内でセットアップ完了\u003c\/h3\u003e\n\u003cp\u003e.mdファイルを購入・ダウンロードし、ClaudeのシステムプロンプトやClaude Codeのセットアップに貼り付けるだけ。インストールもAPIの操作も不要です。すぐに設定済みのエンジニアリングスペシャリストが手に入り、Claude、ChatGPT、Gemini、Copilotで動作します。\u003c\/p\u003e","products":[{"product_id":"frontend-developer-skill","title":"レナ — フロントエンドデベロッパー AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    LenaをClaudeに投入すれば、最初のpromptから本番対応可能なコンポーネントを書くシニアフロントエンド開発者が手に入ります — React、Vue 3、AngularのフルTypeScript対応、Figmaからコード変換、Core Web VitalsをLighthouse監査なしでクリアするUI。\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    アーキテクチャなしのコンポーネントはなし。Lenaは単一要素を書く前に適切な状態管理パターン、ビルドツール、アクセシビリティ手法を特定します — 速く正しくリリースすることは相反しません。\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e提供内容\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eReact（hooks、context、suspense）、Vue 3（composition API）、Angular 15+ — 全体にTypeScript型付け対応\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eRedux Toolkit、Zustand、Pinia、NgRxによる状態管理 — スタックに合わせて最適化、デフォルト設定なし\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eFigma\/Sketchからピクセルパーフェクトなレスポンシブコードへ — Tailwind、CSS Modules、Styled Components対応\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eVite、Webpack 5、Turbopackビルドパイプライン設定 — コード分割、ツリーシェイキング、チャンク最適化\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eCore Web Vitals最適化 — LCP、INP、CLSをLighthouse監査と実ユーザーモニタリング戦略で対応\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eWCAG 2.1 AA準拠 — セマンティックHTML、ARIAロール、キーボードナビゲーション、スクリーンリーダーテスト\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eJest\/Vitest + React Testing Library、Playwright\/Cypress E2E、Storybookコンポーネントドキュメントでテスト\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 claude-frontend-developer.md\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e2分以内でインストール完了\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eClaude Sonnet 4 \u0026 Claude Code対応\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eインストール方法\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      .mdファイルをダウンロード → Claudeを開く → ファイル内容をシステムプロンプトまたはプロジェクト指示に貼り付け → 開発開始。それだけです。\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56894735843592,"sku":"frontend-developer-skill","price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/download_a0d6fbcf-4769-40bd-83dc-1a370cdc2c80.png?v=1781482174"},{"product_id":"niko-backend-developer","title":"ニコ — バックエンドデベロッパー AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    NikoをClaudeに投入すれば、API設計、セキュアなサーバーサイドロジック作成、データベース管理を得意とするシニアバックエンド開発者が手に入ります — Python、Node.js、Go、またはあなたの使うスタックで。\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    アーキテクチャなしにコードはなし。Nikoはエンドポイントを一つ書く前に必ずデータモデル、認証戦略、スケーリングパターンを考慮します — なぜなら最初の一行の決定が1万行目まで影響するからです。\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e得られるもの\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003ePython（Django、FastAPI、Flask）、Node.js（NestJS、Express）、Go、Java Spring Boot — フルTypeScriptサポートであなたのスタックに対応\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eRESTおよびGraphQL API設計 — バージョニング、ページネーション、フィルタリング、OpenAPI仕様、Webhookシステム、SSEストリーム\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e認証の基礎から — JWT、OAuth 2.0、PKCE、RBAC\/ABAC、マルチテナント分離、OWASPトップ10対策\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003ePostgreSQLスキーマ設計、クエリ最適化、インデックス戦略、MongoDBモデリング、Redisキャッシュパターン\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eマイクロサービスアーキテクチャ、メッセージキュー（Kafka、RabbitMQ、SQS）、バックグラウンドジョブ、水平スケーリングパターン\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003epytest、Jest、Pact契約テストによるテスト — さらに構造化ログ、OpenTelemetryトレーシング、Prometheusメトリクス\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eAPIドキュメント、セキュリティとパフォーマンスのPRレビュー、RFC作成、システム設計への参加\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 claude-backend-developer.md\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e2分以内でインストール完了\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eClaude Sonnet 4 \u0026 Claude Code対応\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eインストール方法\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      .mdファイルをダウンロード → Claudeを開く → ファイルの内容をシステムプロンプトまたはプロジェクト指示に貼り付け → 開発開始。それだけです。\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56895623594248,"sku":"niko-backend-developer","price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/download_8f9ff1d2-81a6-4b2f-b059-93f2739fecdd.png?v=1781482174"},{"product_id":"max-full-stack-developer","title":"マックス — フルスタックデベロッパー AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    MaxをClaudeに投入すれば、データベーススキーマからAPI、UI、デプロイまでシステム思考するシニアフルスタック開発者が得られます。1つのスキルファイルで、単一の会話で完全なエンドツーエンド機能提供。\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    分断されたレイヤーなし。Maxは垂直スライスで最大限に構築 — スタック全体を通じて動作する機能を提供し、後でつなぎ合わせる必要のある断片ではありません。アーキテクチャの決定、トレードオフの説明、AI API統合を含む2026年の完全なプロダクションスタックをカバーします。\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e得られるもの\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eフル機能提供 — データモデル、API、フロントエンドコンポーネント、テスト、デプロイ設定を一つの会話で\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eReact 18+\/Next.js 14+、Vue 3\/Nuxt 3、TypeScript、Tailwind — さらにバックエンドはNode.js（NestJS\/Express）とPython（FastAPI\/Django）\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eスタック全体での完全なTypeScript — tRPC、Zodスキーマ、Prisma\/Drizzle ORM、フロントからバックまで共有型\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eAI API統合 — OpenAI、Anthropic、ストリーミング、トークン管理、意味検索用のベクターデータベース（Pinecone、pgvector）\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eDockerマルチステージビルド、GitHub Actions CI\/CDパイプライン、環境およびシークレット管理、基本的なKubernetes\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003ePostgreSQL、MongoDB、Redis — スキーマ設計、クエリチューニング、キャッシュパターン、PrismaまたはAlembicによるマイグレーション\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eユニット、統合、E2E、コンポーネントテスト — Jest\/Vitest、Playwright、React Testing Libraryを全レイヤーで使用\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 claude-fullstack-developer.md\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e2分以内でインストール完了\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eClaude Sonnet 4 \u0026 Claude Code対応\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eインストール方法\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      .mdファイルをダウンロード → Claudeを開く → ファイル内容をシステムプロンプトまたはプロジェクト指示に貼り付け → 機能を説明 → Claudeがフルスタックを提供。それだけです。\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56897165197576,"sku":"max-full-stack-developer","price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/download_980bf86d-9068-4a11-b209-e9023b7babfa.png?v=1781482173"},{"product_id":"hana-wordpress-developer","title":"ハナ — WordPressデベロッパー AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    HanaをClaudeに投入すれば、カスタムテーマ作成、プラグイン開発、WooCommerceの問題解決、サイト高速化を行うシニアWordPress開発者が手に入ります。開発者もサイトオーナーも使えます。\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    推測や一般的なPHPコードは不要。HanaはWordPressの内部構造—フックシステム、テンプレート階層、WP_Query、REST API、Full Site Editing—を熟知し、正しく適用します。非技術者にもわかりやすくすべての判断を説明します。\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e提供内容\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eカスタムテーマ開発 — テンプレート階層、Full Site Editing、ブロックテーマ、theme.json、グローバルスタイル、レスポンシブモバイルファーストCSS\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eプラグイン開発 — アクティベーションフック、カスタムDBテーブル、管理画面、AJAXハンドラー、ReactとBlock Editor APIを使ったカスタムGutenbergブロック\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eWooCommerceカスタマイズ — 商品タイプ、チェックアウトフィールド、動的価格設定、決済ゲートウェイ、メールテンプレート、ヘッドレスREST API設定\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eパフォーマンス — Redis\/Memcachedオブジェクトキャッシュ、クエリ最適化、WebP画像、CDN設定、Core Web Vitalsの改善\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eセキュリティ強化 — ノンス、権限チェック、サニタイズ、ファイルアップロード検証、WSOD修正、プラグイン競合、リダイレクトループの解消\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eマイグレーション、ステージングワークフロー、WP-CLI、GitHub Actionsを使ったGitベースのデプロイ、ステージングから本番へのデータベース同期\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eSEOに優しいマークアップ、schema.org構造化データ、アクセシビリティ（WCAG）、Yoast\/RankMath拡張機能対応\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 claude-wordpress-developer.md\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e2分以内でインストール完了\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eClaude Sonnet 4 \u0026 Claude Code対応\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eインストール方法\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      .mdファイルをダウンロード → Claudeを開く → ファイル内容をシステムプロンプトまたはプロジェクト指示に貼り付け → WordPressの問題を説明 → Claudeが対応します。それだけです。\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56897236107528,"sku":"hana-wordpress-developer","price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/download_ff82964d-5049-47e3-872e-7bd53309f99d.png?v=1781482173"},{"product_id":"yuri-code-reviewer","title":"ユリ — コードレビュアー AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    YuriをClaudeに投入すれば、シニアコードレビュアーがバグ、セキュリティホール、パフォーマンス問題を本番投入前に発見 — 建設的なフィードバック、ビフォー\/アフター例、エゴなし。\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    すべてのコメントにブロッカー、ニット、提案の評価付き。すべての推奨には理由とコード例が付属。YuriはJS\/TS、Python、Go、Java、PHP、Ruby、Rust、C#に対応し、チームの既存の規約に合わせてスタイルガイドを書き換えずに適応します。\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e得られるもの\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eバグとロジック分析 — オフバイワンエラー、レースコンディション、古いクロージャ、メモリリーク、未処理のPromise拒否、不正な状態変異\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eOWASPセキュリティレビュー — SQLインジェクション、XSS、アクセス制御の破損、IDOR、ハードコードされたシークレット、CSRFのギャップ、SSRF、パストラバーサル\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eパフォーマンスレビュー — N+1クエリ、インデックス不足、不必要な再レンダリング、バンドルの肥大化、接続プーリングのギャップ、多量のマイクロサービス通信\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eアーキテクチャとコード品質 — SOLID違反、DRY違反、ゴッドクラス、密結合、循環的複雑度、不明瞭な命名\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eテストギャップ分析 — 未テストのエッジケース、脆弱なテスト、過剰モック、エラーパスのカバレッジ不足、境界条件のフラグ\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e言語非依存 — JS\/TS、Python、Go、Java、PHP、Ruby、Rust、C# — すべての提案に対してビフォー\/アフターのコード例付き\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 claude-code-reviewer.md\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e2分以内でインストール完了\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eClaude Sonnet 4 \u0026 Claude Code対応\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eインストール方法\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      .mdファイルをダウンロード → Claudeを開く → ファイル内容をシステムプロンプトまたはプロジェクト指示に貼り付け → コードやPR差分を貼り付け → Claudeが行ごとにレビュー。これだけです。\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56897272840456,"sku":"yuri-code-reviewer","price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/download_ce48fe10-ed1d-497a-864f-476a07462e1b.png?v=1781482172"},{"product_id":"viktor-software-architect","title":"ヴィクトル — ソフトウェアアーキテクト AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    ViktorをClaudeに投入すれば、スケールするシステムを設計し、偏りなく技術スタックを評価し、チームが実際に読むADRを書くソリューションアーキテクトが手に入ります — トレードオフマトリクスに裏付けられたアーキテクチャ決定、直感ではなく。\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    アーキテクチャの空中戦はなし。Viktorは正直なモノリスvsマイクロサービス比較、すぐにレンダリング可能なC4図、開発者が4回も確認しなくて済むRFCを提供します。システム設計、クラウドインフラ、データアーキテクチャ、セキュリティを一つのスキルファイルでカバー。\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e得られるもの\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eシステム設計 — マイクロサービス分解、DDDバウンデッドコンテキスト、イベントソーシング、CQRS、サガパターン、APIゲートウェイとBFFアーキテクチャ\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eAWS、GCP、Azureを跨ぐクラウドアーキテクチャ — マルチリージョンHA、アクティブアクティブフェイルオーバー、RTO\/RPO定義、FinOpsコストモデリング\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eデータアーキテクチャ — アクセスパターンによるストア選択、Kafka\/Kinesisストリームパイプライン、スキーマ進化、データレイクvsデータウェアハウスの判断\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e信頼性とセキュリティ — サーキットブレーカー、ゼロトラストモデル、脅威モデリング（STRIDE）、シークレット管理、SOC2\/GDPR準拠パターン\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eC4モデル図、アーキテクチャ決定記録（ADR）、移行計画とロールバック戦略を含む技術RFC\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e技術スタック評価マトリクス — 自作vs購入分析、フレームワークベンチマーク、採用候補者評価、総所有コスト\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eアーキテクチャレビュー — 単一障害点、ボトルネック、優先順位付きの技術的負債ホットスポットと改善計画\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 claude-software-architect.md\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e2分以内でインストール完了\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eClaude Sonnet 4 \u0026 Claude Code対応\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eインストール方法\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      .mdファイルをダウンロード → Claudeを開く → ファイル内容をシステムプロンプトまたはプロジェクト指示に貼り付け → システム要件を説明 → Claudeが設計します。それだけです。\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56897392312584,"sku":"viktor-software-architect","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/download_db34ece9-72f7-410d-9e20-644329f4dab0.png?v=1781482172"},{"product_id":"mira-qa-engineer","title":"ミラ — QAエンジニア AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    MiraをClaudeに導入すれば、テスト計画を作成し、見落としたエッジケースを見つけ、実際にバグを発見するPlaywrightとCypressのスクリプトを生成するシニアQAエンジニアが手に入ります — AIがより多くのコードを書き、より多くのテストが必要だからです。\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    あいまいなテストカバレッジなし。Miraはリスク評価からテスト戦略を構築し、すべての状態遷移と境界値のケースマトリックスを設計し、スイートを直接CI\/CDパイプラインに統合します — 不安定なテスト検出とAllureレポートも含みます。\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e得られるもの\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eテスト戦略と計画 — リスクベーステスト、テストピラミッド比率、エントリー\/エグジット基準、受け入れ基準、完全なテストケースマトリックス\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003ePlaywrightとCypressによるE2E自動化 — ページオブジェクトモデル、カスタムコマンド、data-testidセレクター、リトライ戦略\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eAPIテスト — Postman\/Newmanコレクション、レスポンス検証、スキーマチェック、認証フローテスト、連鎖リクエストシーケンス\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003ek6、JMeter、Locustによるパフォーマンステスト — 負荷プロファイル、ストレス、ソーク、スパイクテストと閾値定義\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eCI\/CD統合 — GitHub ActionsとGitLab CIパイプラインでの並列実行、シャーディング、Dockerテストインフラ、フィクスチャ管理\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e欠陥管理 — 構造化されたバグレポート、不安定なテストの診断、根本原因分析、安定化戦略\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eaxe-coreとWAVEによるアクセシビリティテスト、OWASP ZAPによるセキュリティスキャン、PercyまたはChromaticによるビジュアルリグレッション\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 claude-qa-engineer.md\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e2分以内でインストール完了\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eClaude Sonnet 4 \u0026 Claude Code対応\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eインストール方法\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      .mdファイルをダウンロード → Claudeを開く → ファイル内容をシステムプロンプトまたはプロジェクト指示に貼り付け → 機能を説明 → Claudeがテスト計画とスクリプトを作成します。それだけです。\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56897413611784,"sku":"mira-qa-engineer","price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/download_e2150108-595b-417d-b327-6aed138bf925.png?v=1781482171"},{"product_id":"oleg-database-engineer","title":"オレグ — データベースエンジニア AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    OlegをClaudeに投入すれば、最適化されたSQLを書くシニアデータベースエンジニアが手に入り、スケールしても崩れないスキーマ設計を行い、クエリプランを説明して遅さの原因を推測するのをやめられます。\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    ブラックボックスクエリなし。OlegはEXPLAIN\/ANALYZEの出力を読み、欠落しているインデックスを見つけ、パフォーマンスを静かに殺しているORM生成SQLを修正し、午前3時に起こされないゼロダウンタイムマイグレーションを処理します。PostgreSQL、MySQL、MongoDB、Redis — すべて1つのスキルファイルで対応。\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e提供内容\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eスキーマ設計 — 正規化された3NFスキーマ、非正規化戦略、OLTPとOLAPモデリング、階層パターン、MongoDBドキュメント設計\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eSQLマスター — CTE、ウィンドウ関数、再帰クエリ、LATERAL結合、JSONB演算子、全文検索、適切な分離レベルのトランザクション\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eクエリ最適化 — EXPLAIN\/ANALYZEの解釈、B-tree、GIN、GiST、部分・カバリングインデックス戦略、N+1検出、ORM SQL修正\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eゼロダウンタイムマイグレーション — 拡張・収縮パターン、オンラインDDL、Prisma、Alembic、Flyway、または生SQLによるバッチデータマイグレーション\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eRedis — キャッシュパターン（キャッシュアサイド、ライトスルー、スタンピード防止）、pub\/sub、ソートセット、ストリーム、Redisクラスタ設定\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e信頼性と運用 — バックアップ戦略、ストリーミングレプリケーション、PgBouncer、遅いクエリのログ記録、レプリケーション遅延アラート、災害復旧\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eクラウドデータベース — AWS RDS、Aurora、DynamoDB、ElastiCache、GCP Cloud SQL、BigQuery — サイズ設定、ストレージ選択、コスト最適化\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 claude-database-engineer.md\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e2分以内でインストール完了\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eClaude Sonnet 4 \u0026 Claude Code対応\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eインストール方法\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      .mdファイルをダウンロード → Claudeを開く → ファイル内容をシステムプロンプトまたはプロジェクト指示に貼り付け → データの問題を説明 → Claudeが設計・最適化します。それだけです。\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56897443070216,"sku":"oleg-database-engineer","price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/download_c163234e-2fa4-4ee5-a73d-55fb00148410.png?v=1781482171"},{"product_id":"rami-devops-engineer","title":"ラミ — DevOpsエンジニア AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    RamiをClaudeに投入すれば、初回から動作するCI\/CDパイプライン、Dockerfile、Kubernetes設定、Terraformモジュールを書くシニアDevOpsエンジニアが手に入ります — インフラはコードであり、推測ではありません。\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    本番で壊れるコピペ設定なし。Ramiは適切なキャッシュ、ロールバックトリガー、セキュリティスキャンを組み込んだパイプラインを設計し、問題発生時のランブックも提供します。GitHub Actions、Kubernetes、Terraform、AWS、完全な可観測性スタックを一つのスキルファイルに。\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e得られるもの\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eCI\/CDパイプライン — GitHub Actions、GitLab CI、マトリックスビルド対応Jenkins、レイヤーキャッシュ、シークレット管理、ステージングゲート、自動ロールバックトリガー\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eDocker — マルチステージビルド、distrolessイメージ、Trivy\/Snykセキュリティスキャン、タグ付け戦略、マルチアーキビルド、ローカル開発用docker-compose\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eKubernetes — デプロイメント、HPA、PDB、Helmチャート、liveness\/readinessプローブ、Ingress設定、完全なkubectlデバッグワークフロー\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eインフラストラクチャー・アズ・コード — S3ステートロック付きTerraformモジュール、Pulumi、Ansibleプレイブック、CloudFormation、AWS CDKスタック設計\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eAWS、GCP、Azure — VPC設計、EKS\/GKE、ALB、Route 53、CloudFront、RDS、IAM最小権限ポリシー、マルチクラウドパターン\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eモニタリングスタック — Prometheus PromQL、Grafanaダッシュボード、ELK\/EFKログ、PagerDutyアラート、SLI\/SLO定義、エラーバジェット追跡\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eリリースエンジニアリング — ArgoCD\/Fluxによるブルーグリーン、カナリア、GitOpsデプロイメント、Vaultシークレット管理、ブレームレスポストモーテムプロセス\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 claude-devops-engineer.md\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e2分以内でインストール完了\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eClaude Sonnet 4 \u0026 Claude Code対応\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eインストール方法\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      .mdファイルをダウンロード → Claudeを開く → ファイル内容をシステムプロンプトまたはプロジェクト指示に貼り付け → インフラの問題を説明 → Claudeが設定を書きます。それだけです。\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56897464107272,"sku":"rami-devops-engineer","price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/download_b3bc2147-6b32-4945-91fa-9879276e5dcf.png?v=1781482170"},{"product_id":"tariq-cloud-engineer","title":"タリク — クラウドエンジニア AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    ClaudeにTariqを投入すれば、AWS、GCP、Azureのアーキテクチャ設計、CloudFormationやTerraformテンプレート作成、クラウド料金を半分に削減する設定を行うシニアクラウドエンジニアが手に入ります — 初回から正しく行うクラウド。\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    コンソール操作を隠しただけの設計ではありません。Tariqは適切なVPCを設計し、ワークロードに最適なコンピュートとストレージを選択し、初日からIAMの最小権限を適用します。また、インスタンスタイプ、ストレージ階層、誰も停止を忘れていたリソースの節約を見つけるコスト最適化監査も実施します。\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e提供内容\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eAWSアーキテクチャ — AZ間のVPC設計、EC2\/ECS\/EKS\/Lambdaのコンピュート選択、S3ストレージクラス、RDSマルチAZ、DynamoDB、ElastiCache、CloudFrontとWAF\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eGCPとAzureのクロスクラウド対応 — GKE、Cloud Run、BigQuery、AKS、Azure Front Door、Key Vault、マルチクラウドパターンとベンダーロックイン回避\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eインフラストラクチャコード化 — CloudFormationネストスタック、AWS CDKコンストラクト、状態管理付きTerraformモジュール、ARMテンプレートとBicep\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eサーバーレスアーキテクチャ — Lambdaコールドスタート最適化、API Gatewayオーソライザー、Step Functionsステートマシン、EventBridge、SQS\/SNSファンアウト、Kinesis\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eセキュリティとIAM — 最小権限ポリシー、クロスアカウントAssumeRole、SCP、KMSエンベロープ暗号化、GuardDuty、CloudTrail、Secrets Managerのローテーション\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eコスト最適化 — Compute Optimizerによるリソース適正化、リザーブドインスタンスとセービングプランの比較、S3ライフサイクルポリシー、NATゲートウェイのコスト削減、AWS Budgetsアラート\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e災害復旧 — マルチリージョンのアクティブアクティブ構成、Route 53ヘルスチェックフェイルオーバー、DynamoDBグローバルテーブル、AWS Backup、Fault Injection Simulatorによるカオスエンジニアリング\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 claude-cloud-engineer.md\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e2分以内でインストール完了\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eClaude Sonnet 4 \u0026 Claude Code対応\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eインストール方法\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      .mdファイルをダウンロード → Claudeを開く → ファイル内容をシステムプロンプトまたはプロジェクト指示に貼り付け → クラウド要件を説明 → Claudeが設計します。それだけです。\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56897974763784,"sku":"tariq-cloud-engineer","price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/download_5a3bc69f-d3b7-4f51-8304-b46f9dd7e4a2.png?v=1781482170"},{"product_id":"kael-cybersecurity-analyst","title":"カエル — サイバーセキュリティアナリスト AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    ClaudeにKaelを導入すれば、脆弱性コードレビュー、脅威モデル構築、インシデント対応計画作成、OWASP、NIST、CISに基づくシステム監査を行うシニアサイバーセキュリティアナリストが手に入ります — 眠らないセキュリティです。\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    チェックボックス型のコンプライアンスではありません。KaelはSTRIDE脅威モデリングを実際のアーキテクチャに適用し、CVSSスコアだけでなく実際の悪用可能性でCVEを優先し、監査時だけでなくチームがプレッシャー下でも実行できるプレイブックを作成します。\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e得られるもの\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e脆弱性評価 — OWASPトップ10コードレビュー、APIセキュリティ欠陥（BOLA、SSRF、マスアサインメント）、SASTツール解釈、実際の悪用可能性によるCVE優先順位付け\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eSTRIDE脅威モデリング — 攻撃面分析、信頼境界マッピング、発生可能性×影響のリスクマトリクス、MITRE ATT\u0026CK対応脅威インテリジェンス\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eセキュリティアーキテクチャレビュー — OAuth 2.0\/OIDC評価、TLS設定、IAM最小権限監査、S3バケットポリシー、GuardDuty検出、ゼロトラスト原則\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eインシデント対応 — NIST SP 800-61計画、フィッシング、ランサムウェアおよびデータ漏洩プレイブック、フォレンジックログ相関、IoC特定、責任追及なしの事後検証\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eコンプライアンスフレームワーク — NIST CSF、SOC 2 タイプIIギャップ分析、GDPRデータ保護評価、CISハーデニングベンチマーク、PCI DSSスコーピング基礎\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eセキュリティテスト — ペンテスト範囲設定、認証バイパステストケース、SIEM検出ルール、アラートトリアージ、Kubernetes RBACとポッドセキュリティ標準によるコンテナセキュリティ\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eセキュリティポリシーとドキュメント — 許容使用、データ分類、安全なコーディングガイドライン、ベンダーリスク評価、監査証拠の準備\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 claude-cybersecurity-analyst.md\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e2分以内でインストール完了\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eClaude Sonnet 4 \u0026 Claude Code対応\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eインストール方法\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      .mdファイルをダウンロード → Claudeを開く → ファイル内容をシステムプロンプトまたはプロジェクト指示に貼り付け → セキュリティ上の懸念を説明 → Claudeが分析してアドバイス。これだけです。\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56899303702792,"sku":"kael-cybersecurity-analyst","price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/download_6ca0bb99-0015-4208-9db5-c279deb757ab.png?v=1781482169"},{"product_id":"dante-tech-lead","title":"ダンテ — テックリード AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    DanteをClaudeに投入すれば、技術仕様を書き、設計レビューを行い、開発者をメンターし、6ヶ月後に問題を起こさないアーキテクチャ判断を下すシニアテックリードが手に入ります — リーダーシップとコードの融合。\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    意見に基づく決定なし。Danteは代替案を考慮した構造化されたADRを作成し、エピックをリスクフラグ付きの実行可能なチャンクに分解し、技術的制約をビジネス言語に翻訳します — スプリント計画からエンジニアリングロードマップまでを1つのスキルファイルでカバー。\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e得られるもの\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e技術的意思決定 — フレームワークとデータベースのトレードオフ分析、アーキテクチャ決定記録、ビルドvsバイ評価、コーディング標準と完了の定義\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e技術仕様とRFC — API契約を含む設計文書、データモデル変更、移行計画、ロールバック戦略、テスト可能な受け入れ基準\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eコード品質基準 — レビュー基準、プロジェクトごとのテスト戦略、リスク別技術的負債の分類、CI\/CDと可観測性のベストプラクティス導入\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eスプリントとデリバリ管理 — エピックの分解、ストーリー見積もり、ブロッカー特定、オーナーとの振り返り、プロダクトとのスコープ交渉\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eメンタリングとチーム育成 — 技術的な1:1、オンボーディングドキュメント、学習計画、知識共有セッション、アーキテクチャウォークスルー\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eクロスファンクショナルコラボレーション — プロダクトからエンジニアリングへの翻訳とその逆、チーム間のAPI契約、専門用語なしのステークホルダー更新\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e技術ロードマップ — プラットフォーム改善計画、主要な移行戦略（ストラングラー・フィグ、機能フラグ）、AIツール評価、キャパシティプランニング\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 claude-tech-lead.md\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e2分以内でインストール完了\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eClaude Sonnet 4 \u0026 Claude Code対応\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eインストール方法\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      .mdファイルをダウンロード → Claudeを開く → ファイル内容をシステムプロンプトまたはプロジェクト指示に貼り付け → リーダーシップの課題を説明 → Claudeがリードを支援。これだけです。\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56899559096584,"sku":"dante-tech-lead","price":24.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/download_dc95473e-0837-4a4f-9753-3aea70d5ddae.png?v=1781482169"},{"product_id":"priya-engineering-manager","title":"プリヤ — エンジニアリングマネージャー AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n\n  \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n    PriyaをClaudeに組み込めば、パフォーマンスレビューを書き、採用ループを構築し、チームロードマップを作成し、開発者を会議地獄から守るシニアエンジニアリングマネージャーが手に入ります — エンジニアリングの流暢さに裏打ちされた人材リーダーシップ。\n  \u003c\/p\u003e\n\n  \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n    実行なしのマネジメント理論はありません。Priyaは測定可能な影響力のあるパフォーマンスレビューを校正準備済みで作成し、一貫したスコアカード付きの面接ループを設計し、個人を攻撃するためではなく改善のためにDORA指標を追跡します。\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e提供内容\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eピープルマネジメント — 1:1アジェンダ、影響力のあるパフォーマンスレビュー、個人開発計画、PIPドキュメント、難しい会話のフレームワーク\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e採用とチームビルディング — 職務記述書、スコアカード付き構造化面接ループ、持ち帰り評価基準、30\/60\/90日オンボーディングプラン、定着戦略\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eデリバリー実行 — 実際の利用率を考慮したスプリントキャパシティプランニング、DORA指標追跡、チーム間依存管理、リスクエスカレーションと緩和策\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003e技術戦略 — 機能、技術的負債、信頼性のバランスを取るエンジニアリングロードマップ、ビルド対バイ分析、AIツール導入評価、技術的デューデリジェンス\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eクロスファンクショナルパートナーシップ — エグゼクティブ向けステータス更新、プロダクト整合、スコープ交渉、ステークホルダー期待管理、専門用語なしの上位コミュニケーション\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eプロセスと文化 — スプリントセレモニー設計、責任追及なしの事後検証を伴うインシデント管理、心理的安全性、ドキュメント文化（ADR、ランブック）\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eキャリア成長とレベリング — ICおよびマネジメントのキャリアラダー、証拠付き昇進パケット、報酬ベンチマーク、チーム構成設計\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 claude-engineering-manager.md\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e2分以内でインストール完了\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eClaude Sonnet 4 \u0026 Claude Code対応\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eインストール方法\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      .mdファイルをダウンロード → Claudeを開く → ファイルの内容をシステムプロンプトまたはプロジェクト指示に貼り付け → あなたのマネジメント課題を説明 → Claudeがリードをサポート。これだけです。\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":56899560571144,"sku":"priya-engineering-manager","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/download_919f4c9f-ca71-448f-b3af-a8cd86a33f7d.png?v=1781482168"}],"url":"https:\/\/kissmyskills.com\/ja\/collections\/claude-code-skills.oembed","provider":"KissMySkills","version":"1.0","type":"link"}