{"title":"Claude Code Skills","description":"\u003cp\u003eClaude Code 内で実行できる Skills: バックエンドおよびフロントエンドエンジニア、DevOps とプラットフォーム、データエンジニアリング、セキュリティ、自動化とドキュメントのスペシャリスト、さらに開発者向けジェネレーター（正規表現、SQL、テスト、README）。ファイルを Claude Code の Skills フォルダーに入れ、ターミナルから呼び出してください。\u003c\/p\u003e","products":[{"product_id":"frontend-developer-skill","title":"Lena - フロントエンド開発者 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\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からコードへの変換、そしてLighthouse監査で慌てることなくCore Web VitalsをクリアするUIを実現します。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n アーキテクチャなしにコンポーネントを作ることはありません。Lenaは、最初の要素を1つ書く前に、適切な状態管理パターン、ビルドツール、アクセシビリティのアプローチを見極めます。速くリリースすることと、正しくリリースすることは相反しないからです。\n \u003c\/p\u003e\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 \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📄 frontend-developer-skill.skill\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eインストールは2分以内\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、ChatGPT、その他あらゆるAIチャットで動作\u003c\/span\u003e\n \u003c\/div\u003e\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 .skillパッケージをダウンロード → Claudeを開く → ファイルの内容をプロジェクトの指示またはシステムプロンプトに貼り付ける → 開発を始める。それだけです。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":56894735843592,"sku":"frontend-developer-skill","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/frontend-developer-skill-1.png?v=1789424656"},{"product_id":"niko-backend-developer","title":"Niko - バックエンド開発者 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n NikoをClaudeに組み込めば、安全なサーバーサイドロジックを設計・実装し、データベースをまるで自分の借金のように扱うシニアバックエンド開発者が得られます - Python、Node.js、Go、または現在利用しているその他のスタックに対応します。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n アーキテクチャなしにコードは書きません。Nikoは単一のエンドポイントを書く前に、必ずデータモデル、認証戦略、スケーリングパターンを検討します - なぜなら、1行目で下す決定こそ、1万行目まで向き合い続けるものだからです。\n \u003c\/p\u003e\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 Top 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 \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📄 niko-backend-developer.skill\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、ChatGPT、その他あらゆるAIチャットに対応\u003c\/span\u003e\n \u003c\/div\u003e\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 .skillパッケージをダウンロード → Claudeを開く → ファイルの内容をプロジェクトの指示またはsystem promptに貼り付ける → 構築を始める。それだけです。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":56895623594248,"sku":"niko-backend-developer","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/niko-backend-developer-1.png?v=1789424656"},{"product_id":"max-full-stack-developer","title":"Max - フルスタック開発者 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\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つのスキルファイルで、完全なエンドツーエンドの機能提供を1回の会話で実現します。\n \u003c\/p\u003e\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 \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、フロントエンドコンポーネント、テスト、デプロイ設定を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\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 \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📄 max-full-stack-developer.skill\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、ChatGPT、その他あらゆるAIチャットに対応\u003c\/span\u003e\n \u003c\/div\u003e\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 .skillパッケージをダウンロード → Claudeを開く → ファイルの内容をプロジェクトの指示またはシステムpromptに貼り付ける → 機能を説明する → Claudeがフルスタック実装を提供します。それだけです。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":56897165197576,"sku":"max-full-stack-developer","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/max-full-stack-developer-1.png?v=1789424657"},{"product_id":"hana-wordpress-developer","title":"Hana - WordPress開発者 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\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 \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 \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セキュリティ強化 - nonce、権限チェック、サニタイズ、ファイルアップロードの検証、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 \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📄 hana-wordpress-developer.skill\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、ChatGPT、その他あらゆるAIチャットで使えます\u003c\/span\u003e\n \u003c\/div\u003e\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 .skillパッケージをダウンロード → Claudeを開く → ファイルの内容をProject Instructionsまたはsystem promptに貼り付ける → WordPressの問題を説明する → Claudeが対応します。それだけです。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":56897236107528,"sku":"hana-wordpress-developer","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/hana-wordpress-developer-1.png?v=1789424657"},{"product_id":"yuri-code-reviewer","title":"Yuri - コードレビュアー AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n YuriをClaudeに追加すると、本番環境に到達する前にバグ、セキュリティホール、パフォーマンス問題を見つけるSenior Code Reviewerが得られます - 建設的なフィードバック、修正前後の例、そしてエゴは一切ありません。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n すべてのコメントをblocker、nit、suggestionのいずれかに分類。すべての推奨事項にWHYとコード例を付属。YuriはJS\/TS、Python、Go、Java、PHP、Ruby、Rust、C#に対応し、チーム既存の規約に適応するため、スタイルガイド全体を書き換える必要はありません。\n \u003c\/p\u003e\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原則違反、god class、密結合、循環的複雑度、分かりにくい命名を分析\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 \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📄 yuri-code-reviewer.skill\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、ChatGPT、その他あらゆるAIチャットで利用可能\u003c\/span\u003e\n \u003c\/div\u003e\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 .skillパッケージをダウンロード → Claudeを開く → ファイルの内容をProject Instructionsまたはsystem promptに貼り付ける → 作業を開始。これだけです。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":56897272840456,"sku":"yuri-code-reviewer","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/yuri-code-reviewer-1.png?v=1789424657"},{"product_id":"viktor-software-architect","title":"Viktor - ソフトウェアアーキテクト AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\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 \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n アーキテクチャ宇宙飛行士的な複雑さはありません。Viktorは、モノリスとマイクロサービスを率直に比較し、すぐにレンダリングできるC4図を作成し、4回も確認の電話をしなくても開発者が実装できるRFCを作成します。システム設計、クラウドインフラ、データアーキテクチャ、セキュリティを、1つのskillファイルですべてカバーします。\n \u003c\/p\u003e\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、Sagaパターン、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ストリームパイプライン、スキーマ進化、データレイクとデータウェアハウスの選択\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モデル図、Architecture Decision Records（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技術スタック評価マトリクス - 内製か購入かの分析、フレームワークのベンチマーク、採用候補者層の評価、総保有コスト\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 \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📄 viktor-software-architect.skill\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、ChatGPT、その他あらゆるAIチャットで利用可能\u003c\/span\u003e\n \u003c\/div\u003e\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 .skillパッケージをダウンロード → Claudeを開く → ファイルの内容をProject Instructionsまたはsystem promptに貼り付ける → システム要件を説明する → Claudeが設計します。これだけです。\n \u003c\/p\u003e\n \u003c\/div\u003e\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\/viktor-software-architect-1.png?v=1789424658"},{"product_id":"mira-qa-engineer","title":"Mira - QAエンジニア AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n ClaudeにMiraを導入すれば、テスト計画を作成し、見落としていたエッジケースを発見し、実際にバグを見つけるPlaywrightおよびCypressスクリプトを生成するシニアQAエンジニアが得られます - AIがより多くのコードを書くからこそ、より多くのテストが必要です。\n \u003c\/p\u003e\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 \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自動化 - Page Object Model、カスタムコマンド、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統合 - 並列実行、シャーディング、Dockerテスト基盤、フィクスチャ管理に対応したGitHub ActionsおよびGitLab CIパイプライン\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 \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📄 mira-qa-engineer.skill\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、ChatGPT、その他のAIチャットで動作\u003c\/span\u003e\n \u003c\/div\u003e\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 .skillパッケージをダウンロード → Claudeを開く → ファイルの内容をProject Instructionsまたはsystem promptに貼り付ける → 機能を説明する → Claudeがテスト計画とスクリプトを作成します。それだけです。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":56897413611784,"sku":"mira-qa-engineer","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/mira-qa-engineer-1.png?v=1789424685"},{"product_id":"oleg-database-engineer","title":"Oleg - データベースエンジニア AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\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を書き、大規模環境でも破綻しないスキーマを設計し、クエリプランを説明して、なぜ遅いのか推測する必要がなくなるSenior Database Engineerを利用できます。\n \u003c\/p\u003e\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つのskillファイルですべてカバーします。\n \u003c\/p\u003e\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ゼロダウンタイム移行 - expand-and-contractパターン、オンライン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 - キャッシュパターン（cache-aside、write-through、スタンピード防止）、pub\/sub、ソート済みセット、ストリーム、Redis Cluster設定\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 \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📄 oleg-database-engineer.skill\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、ChatGPT、その他あらゆるAIチャットで動作\u003c\/span\u003e\n \u003c\/div\u003e\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 .skillパッケージをダウンロード → Claudeを開く → ファイルの内容をProject Instructionsまたはsystem promptに貼り付ける → データの問題を説明する → Claudeが設計と最適化を行います。それだけです。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":56897443070216,"sku":"oleg-database-engineer","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/oleg-database-engineer-1.png?v=1789424686"},{"product_id":"rami-devops-engineer","title":"Rami - DevOpsエンジニア AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\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エンジニアを手に入れられます - 推測ではなく、Infrastructure as codeでインフラを構築します。\n \u003c\/p\u003e\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、完全な可観測性スタックを1つのskillファイルに集約。\n \u003c\/p\u003e\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 - Deployment、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\u003eInfrastructure as code - 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 \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📄 rami-devops-engineer.skill\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、ChatGPT、その他あらゆるAIチャットで利用可能\u003c\/span\u003e\n \u003c\/div\u003e\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 .skillパッケージをダウンロード → Claudeを開く → ファイルの内容をProject Instructionsまたはsystem promptに貼り付ける → インフラの問題を説明する → Claudeが設定を書き出します。以上です。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":56897464107272,"sku":"rami-devops-engineer","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/rami-devops-engineer-1.png?v=1789424687"},{"product_id":"tariq-cloud-engineer","title":"Tariq - クラウド移行エンジニア AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n TariqをClaudeに追加すれば、AWS、GCP、Azureのアーキテクチャを設計し、CloudFormationとTerraformのテンプレートを作成し、クラウド料金を半分に削減する構成を見つけ出すシニアクラウドエンジニアを手に入れられます - 初回から正しく仕上がったクラウド運用を。\n \u003c\/p\u003e\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 \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 Multi-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\u003eInfrastructure as code - 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による適正化、リザーブドインスタンスとSavings Plansの比較、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 Global Tables、AWS Backup、Fault Injection Simulatorを使ったカオスエンジニアリング\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\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📄 tariq-cloud-engineer.skill\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、ChatGPT、その他すべてのAIチャットで動作\u003c\/span\u003e\n \u003c\/div\u003e\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 .skillパッケージをダウンロード → Claudeを開く → ファイルの内容をプロジェクトの指示またはシステムプロンプトに貼り付ける → クラウド要件を説明する → Claudeが設計します。これだけです。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":56897974763784,"sku":"tariq-cloud-engineer","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/tariq-cloud-engineer-1.png?v=1789424687"},{"product_id":"dante-tech-lead","title":"Dante - テックリード AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\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 \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n 意見に基づく意思決定はありません。Danteは、検討した代替案を含む構造化されたADRを作成し、エピックをリスクフラグ付きの実行可能な単位に分解し、技術的な制約をビジネス言語に翻訳します。スプリント計画からエンジニアリングロードマップまで、すべてを1つのskillファイルでカバーします。\n \u003c\/p\u003e\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\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メンタリングとチーム開発 - 技術的な1on1、オンボーディングドキュメント、学習計画、ナレッジ共有セッション、アーキテクチャウォークスルー\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 \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📄 dante-tech-lead.skill\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、ChatGPT、その他あらゆるAIチャットで利用可能\u003c\/span\u003e\n \u003c\/div\u003e\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 .skillパッケージをダウンロード → Claudeを開く → ファイルの内容をプロジェクト指示またはシステムpromptに貼り付ける → リーダーシップの課題を説明する → Claudeがリーダーシップをサポートします。それだけです。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":56899559096584,"sku":"dante-tech-lead","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/dante-tech-lead-1.png?v=1789424686"},{"product_id":"priya-engineering-manager","title":"Priya - エンジニアリングマネージャー AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\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 \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 \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ピープルマネジメント - 1on1のアジェンダ、インパクトステートメントを伴うパフォーマンスレビュー、個人能力開発計画、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 \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📄 priya-engineering-manager.skill\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、ChatGPT、その他あらゆるAIチャットで動作\u003c\/span\u003e\n \u003c\/div\u003e\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 .skillパッケージをダウンロード → Claudeを開く → ファイルの内容をプロジェクト指示またはシステムpromptに貼り付ける → あなたのマネジメント上の課題を説明する → Claudeがリーダーシップをサポートします。それだけです。\n \u003c\/p\u003e\n \u003c\/div\u003e\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\/priya-engineering-manager-1.png?v=1789424686"},{"product_id":"ai-api-documentation-generator","title":"AI APIドキュメントジェネレーター","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18;\"\u003e\n \u003cdiv style=\"background: #E6F1FB; border: 1px solid #BDD8F0; border-radius: 8px; padding: 16px 20px; margin-bottom: 20px;\"\u003e\n \u003cp style=\"margin: 0; font-size: 12px; font-weight: 600; color: #185FA5; letter-spacing: 0.06em; text-transform: uppercase;\"\u003e技術・開発向けprompt\u003c\/p\u003e\n \u003cp style=\"margin: 6px 0 0; font-size: 13px; color: #555550; line-height: 1.5;\"\u003eStripe水準のAPIドキュメントを生成 - 認証、エンドポイント、エラー、webhookを整備し、開発者が10分以内に認証し、最初のリクエストを実行し、エラーに対処できるようにします。\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 14px; color: #555550; line-height: 1.7; margin: 0 0 20px;\"\u003e\n このAI APIドキュメント生成promptは、OpenAPI仕様に準拠したドキュメントを作成します - 概要、認証ガイド、クイックスタート、多言語コード例付きのエンドポイントリファレンス、解決方法を含むエラー処理、レート制限、webhook、SDK、バージョニングポリシー、変更履歴を、Developer Experienceのリーダーが使用する形式でまとめます。Claude、ChatGPT、または任意のAIチャットに貼り付け、API仕様を追加するだけで、Docusaurus、ReadMe、Mintlify、GitBook向けのドキュメントが完成します。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 14px; color: #555550; line-height: 1.7; margin: 0 0 20px;\"\u003e\n 認証を最初に扱います - 認証できない開発者は離脱してしまいます。すべてのエラーレスポンスを、ステータスコード、原因、修正方法とともにドキュメント化します（サイレントエラーは禁止）。すべてのエンドポイントに、複数言語で完全かつ現実的なリクエストとレスポンスの例を含めます - \"example_value_1\"のようなプレースホルダー値は使用できません。Claude、ChatGPT、または任意のAIチャットモデルで利用できます。\n \u003c\/p\u003e\n \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1A1A18; margin: 0 0 10px; text-transform: uppercase; letter-spacing: 0.04em;\"\u003e得られるもの\u003c\/h3\u003e\n \u003cul style=\"font-size: 13px; color: #555550; line-height: 1.9; padding-left: 18px; margin: 0 0 24px;\"\u003e\n \u003cli\u003e本番環境で使えるAI APIドキュメント生成prompt（900語以上）\u003c\/li\u003e\n \u003cli\u003e完全なドキュメント構成 - 概要、認証、クイックスタート、エンドポイントリファレンス、エラー、レート制限、webhook、SDK、変更履歴\u003c\/li\u003e\n \u003cli\u003e多言語コード例付きのエンドポイントリファレンス（cURL、Python、JavaScript、Go、Rubyから3-5言語を選択）\u003c\/li\u003e\n \u003cli\u003e完全なエラーコード表 - すべてのエラーについて、ステータス、コード、原因、解決方法を掲載\u003c\/li\u003e\n \u003cli\u003eREST、GraphQL、webhook中心、エンタープライズ\/SOAP、社内限定、パートナー向けAPIに対応するカスタマイズ\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1A1A18; margin: 0 0 10px; text-transform: uppercase; letter-spacing: 0.04em;\"\u003e対象者\u003c\/h3\u003e\n \u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px;\"\u003e\n \u003cspan style=\"background: #E6F1FB; color: #185FA5; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003eバックエンド開発者\u003c\/span\u003e\n \u003cspan style=\"background: #E6F1FB; color: #185FA5; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003eプラットフォームチーム\u003c\/span\u003e\n \u003cspan style=\"background: #E6F1FB; color: #185FA5; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003eDeveloper Relations\u003c\/span\u003e\n \u003cspan style=\"background: #E6F1FB; color: #185FA5; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003eテクニカルアーキテクト\u003c\/span\u003e\n \u003cspan style=\"background: #E6F1FB; color: #185FA5; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003eDXエンジニア\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-top: 1px solid #E8E6E0; padding-top: 16px;\"\u003e\n \u003cp style=\"font-size: 11px; color: #BBBBAA; margin: 0; font-family: 'DM Mono', monospace;\"\u003eai-api-documentation-generator-prompt.txt · Claude、ChatGPTなどに対応 · すぐに使用可能\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":57628709323016,"sku":"ai-api-documentation-generator","price":4.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ai-api-documentation-generator-book.jpg?v=1787225364"},{"product_id":"test-case-generator-prompt","title":"AIテストケースジェネレーター","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18;\"\u003e\n \u003cdiv style=\"background: #E6F1FB; border: 1px solid #BDD8F0; border-radius: 8px; padding: 16px 20px; margin-bottom: 20px;\"\u003e\n \u003cp style=\"margin: 0; font-size: 12px; font-weight: 600; color: #185FA5; letter-spacing: 0.06em; text-transform: uppercase;\"\u003e技術・開発向けprompt\u003c\/p\u003e\n \u003cp style=\"margin: 6px 0 0; font-size: 13px; color: #555550; line-height: 1.5;\"\u003eコードが実際に壊れる箇所をカバーするテストケースを生成します - ハッピーパスだけではありません。\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 14px; color: #555550; line-height: 1.7; margin: 0 0 20px;\"\u003e\n このテストケース生成promptは、あらゆる機能、関数、ユーザーストーリー、バグ修正を対象に、前提条件、手順、期待結果、自動化推奨、要件トレーサビリティを含む、構造化されたテストスイート（単体、統合、E2E、API、UI、エッジ、回帰、ネガティブ）を作成します。Claude、ChatGPT、または任意のAIチャットに貼り付け、機能を説明するか関数を貼り付けるだけで、実行または自動化の準備が整った、リスク重視のテストスイートを取得できます。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 14px; color: #555550; line-height: 1.7; margin: 0 0 20px;\"\u003e\n ハッピーパスのみのテストでは不十分です - このpromptは、コードが最も頻繁に壊れる箇所を対象にします。数値と文字列の境界値、権限の境界、サードパーティ依存関係の障害、競合状態、SQLインジェクションパターン、テナント間のデータアクセスを検証します。すべての期待結果は具体的に検証可能でなければならず、「正しい結果を返す」は禁止です。Claude、ChatGPT、その他のAIチャットモデルで使用できます。\n \u003c\/p\u003e\n \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1A1A18; margin: 0 0 10px; text-transform: uppercase; letter-spacing: 0.04em;\"\u003e得られるもの\u003c\/h3\u003e\n \u003cul style=\"font-size: 13px; color: #555550; line-height: 1.9; padding-left: 18px; margin: 0 0 24px;\"\u003e\n \u003cli\u003e本番対応のテストケース生成prompt（900語以上）1つ\u003c\/li\u003e\n \u003cli\u003e11のテストカテゴリ - ハッピーパス、境界値、エラーハンドリング、権限、統合、並行性、データ整合性、パフォーマンス、セキュリティ、アクセシビリティ、回帰\u003c\/li\u003e\n \u003cli\u003eテストごとの自動化推奨 - AUTOMATE \/ SMOKE \/ MANUAL \/ SKIP\u003c\/li\u003e\n \u003cli\u003e任意のテストフレームワークで実行可能なコードスケルトン\u003c\/li\u003e\n \u003cli\u003e単体テスト、APIテスト、E2E、バグ修正の回帰テスト、パフォーマンス、セキュリティ、アクセシビリティ向けにカスタマイズ\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1A1A18; margin: 0 0 10px; text-transform: uppercase; letter-spacing: 0.04em;\"\u003e対象\u003c\/h3\u003e\n \u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px;\"\u003e\n \u003cspan style=\"background: #E6F1FB; color: #185FA5; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003eQAエンジニア\u003c\/span\u003e\n \u003cspan style=\"background: #E6F1FB; color: #185FA5; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003eテストを作成する開発者\u003c\/span\u003e\n \u003cspan style=\"background: #E6F1FB; color: #185FA5; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003eプロダクトマネージャー\u003c\/span\u003e\n \u003cspan style=\"background: #E6F1FB; color: #185FA5; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003eテスト自動化リード\u003c\/span\u003e\n \u003cspan style=\"background: #E6F1FB; color: #185FA5; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003eエンジニアリングチーム\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-top: 1px solid #E8E6E0; padding-top: 16px;\"\u003e\n \u003cp style=\"font-size: 11px; color: #BBBBAA; margin: 0; font-family: 'DM Mono', monospace;\"\u003etest-case-generator-prompt.txt  · Claude、ChatGPTなどに対応  · すぐに使用可能\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":57628760965384,"sku":"test-case-generator-prompt","price":4.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/test-case-generator-prompt-book.jpg?v=1787225364"},{"product_id":"albert-ai-code-review-agent","title":"Albert - AIコードレビューエージェント","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n AlbertをClaudeに読み込むと、あらゆる言語やフレームワークで徹底的かつ構造化されたコードレビューを実施するSenior Code Review Agentを利用できます。すべてのバグ、セキュリティ脆弱性、パフォーマンス問題を重要度別に評価し、曖昧なフィードバックではなく、具体的な修正方法を提示します。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n コードレビューのフィードバックの多くは、行動に移すには抽象的すぎるか、最も重要な問題を見落としています。Albertはそれを解決します。レビューを始める前に、コードについて、言語、目的、懸念領域、本番環境に導入する予定があるかを具体的に質問し、その後、開発者がすぐに対応できる完全なレビュー報告書を作成します。Claude、ChatGPT、またはsystem promptを受け付ける任意のAIチャットモデルで利用できます。\n \u003c\/p\u003e\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\u003cstrong\u003e重要度別の指摘\u003c\/strong\u003e - すべての問題をCritical、High、Medium、Lowで評価するため、本番前に修正すべきものと後回しにできるものを、優先度の曖昧さなく正確に把握できます\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\u003cstrong\u003eセキュリティ監査\u003c\/strong\u003e - OWASP Top 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\u003e\u003cstrong\u003eパフォーマンスレビュー\u003c\/strong\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\u003cstrong\u003eエラーハンドリングの不足\u003c\/strong\u003e - 欠落しているtry\/catchブロック、未処理の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\u003e\u003cstrong\u003eコード品質評価\u003c\/strong\u003e - DRY違反、単一責任に関する問題、命名の明確さ、デッドコード、保守性に関する懸念を、具体的なリファクタリング推奨事項とともに指摘\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\u003cstrong\u003e完全なレビュー報告書\u003c\/strong\u003e - 重要度別の指摘件数をまとめた概要、CriticalからLowの順に並べた個別の指摘（場所、説明、具体的な修正方法を含む）、および総合的な本番対応準備状況の評価\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\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📄 albert-ai-code-review-agent.skill\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、ChatGPT、その他のAIチャットで利用可能\u003c\/span\u003e\n \u003c\/div\u003e\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 .skillパッケージをダウンロード → Claudeを開く → SKILL.mdをプロジェクト指示またはsystem promptに読み込む → activation promptを会話に貼り付ける → Albertが質問を1つずつ行い、完全で構造化されたコードレビュー報告書を作成します。Claude（推奨）、ChatGPT、またはsystem promptを受け付ける任意のAIチャットで利用できます。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":57850878394632,"sku":"albert-ai-code-review-agent","price":32.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/albert-ai-code-review-agent-book.jpg?v=1787218783"},{"product_id":"conrad-ai-bug-fixer-agent","title":"Conrad - AIバグ修正エージェント","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n ConradをClaudeに読み込むと、壊れたコード、エラーメッセージ、予期しない動作を診断するSenior Bug Fixer Agentを利用できます。根本原因を特定し、なぜ起きているのかを正確に説明し、検証ステップ付きの具体的な修正前後の修正案を提示します。推測なし。症状への対処だけではありません。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n デバッグにかかる時間の大半は、実際の問題を解決しないパッチに費やされます。Conradがそれを解決します。コードが本来どう動くべきか、実際にはどう動いているか、バグが発生する前に何が変わったのかを理解するため、的を絞った質問をし、1行も変更する前に根本原因を診断します。Claude、ChatGPT、またはシステムプロンプトを受け付けるあらゆるAIチャットモデルで利用できます。\n \u003c\/p\u003e\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\u003cstrong\u003e根本原因の診断\u003c\/strong\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\u003cstrong\u003e修正前と修正後\u003c\/strong\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\u003cstrong\u003eエラーメッセージの解釈\u003c\/strong\u003e - スタックトレース、TypeError、NullPointerException、未処理のプロミス拒否、CORSエラー、その他あらゆるエラーメッセージを、表面化した箇所ではなく発生元まで読み解いて追跡します\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\u003cstrong\u003e検証ステップ\u003c\/strong\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\u003cstrong\u003e次回の再発防止\u003c\/strong\u003e - 同じ種類のバグで3週間後にさらに1時間をデバッグすることにならないよう、今後このクラスのバグを避けるための実践的なヒントを1つ提示します\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\u003cstrong\u003e追加の観察事項\u003c\/strong\u003e - 周辺のコードで見つかったその他の問題を個別に指摘します。Conradが依頼していない箇所までリファクタリングすることなく、ほかに対処すべき点を把握できます\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\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📄 conrad-ai-bug-fixer-agent.skill\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、ChatGPT、その他のあらゆるAIチャットで利用可能\u003c\/span\u003e\n \u003c\/div\u003e\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 .skillパッケージをダウンロード → Claudeを開く → SKILL.mdをプロジェクトの指示またはシステムプロンプトに読み込む → アクティベーションpromptを会話に貼り付ける → Conradが一度に1つずつ質問し、根本原因を診断して、修正前と修正後のコードを含む完全な修正を提示します。Claude（推奨）、ChatGPT、またはシステムプロンプトを受け付けるあらゆるAIチャットで利用できます。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":57850879312136,"sku":"conrad-ai-bug-fixer-agent","price":32.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/conrad-ai-bug-fixer-agent-book.jpg?v=1787218784"},{"product_id":"dorian-ai-api-documentation-agent","title":"Dorian - AI APIドキュメントエージェント","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n DorianをClaudeに読み込ませると、APIコード、ルート、技術メモを、完全でプロフェッショナルなドキュメントに変換するSenior API Documentation Agentとして利用できます。エンドポイントリファレンス、認証ガイド、リクエストとレスポンスの例、エラーコード表、公開準備済みの開発者向けクイックスタートガイドを作成します。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n 多くのAPIは最後に文書化されるか、不十分な状態で文書化されるか、そもそも文書化されません。その結果、開発者は、本来なら数分でコードが説明してくれるはずの内容を理解するために何時間も費やします。Dorianがそれを解決します。生のルート、コントローラーコード、Postmanコレクション、簡単なメモなど、手元にあるものを何でも使い、APIと対象読者について的を絞った質問をしたうえで、初日から開発者が使えるドキュメントを作成します。Claude、ChatGPT、またはsystem promptを受け付ける任意のAIチャットモデルで利用できます。\n \u003c\/p\u003e\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\u003cstrong\u003e完全なエンドポイントリファレンス\u003c\/strong\u003e - すべてのエンドポイントについて、HTTPメソッド、パス、説明、パラメータ表、リクエスト本文、成功時のレスポンス、エラーコードを掲載。ソースコードを読まなくても、開発者が必要とするすべての情報を確認できます\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\u003cstrong\u003e認証ガイド\u003c\/strong\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\u003cstrong\u003e実用的なリクエストとレスポンスの例\u003c\/strong\u003e - すべてのエンドポイントについて、プレースホルダー文字列ではなく、実際の値に見える値を使ったcurlの例とJSON本文を掲載。コピーして貼り付け、すぐに実行できます\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\u003cstrong\u003eエラーコードリファレンス\u003c\/strong\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\u003e\u003cstrong\u003e開発者向けクイックスタートガイド\u003c\/strong\u003e - ゼロの状態から最初のAPI呼び出しが成功するまでを10分以内で進めるステップごとのガイド。連携を始める開発者にとって、最も価値の高いセクションです\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\u003cstrong\u003e形式の柔軟性\u003c\/strong\u003e - GitHubやドキュメントサイト向けのMarkdown、Swagger UIやRedoc向けのOpenAPI 3.0 YAML、ConfluenceやNotion向けの構造化プレーンテキストなど、チームで使用している形式で出力できます\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\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📄 dorian-ai-api-documentation-agent.skill\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、ChatGPT、その他のあらゆるAIチャットで利用可能\u003c\/span\u003e\n \u003c\/div\u003e\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 .skillパッケージをダウンロード → Claudeを開く → SKILL.mdをProject Instructionsまたはsystem promptに読み込む → activation promptを会話に貼り付ける → Dorianが質問を一度に1つずつ尋ね、公開準備済みの完全でプロフェッショナルなAPIドキュメントを作成します。Claude（推奨）、ChatGPT、またはsystem promptを受け付ける任意のAIチャットで利用できます。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":57850880786696,"sku":"dorian-ai-api-documentation-agent","price":32.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/dorian-ai-api-documentation-agent-book.jpg?v=1787218784"},{"product_id":"edmund-ai-full-stack-developer-agent","title":"Edmund - AIフルスタック開発者エージェント","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n Edmund を Claude に読み込むと、シニアフルスタック開発者Agentが得られます。機能概要を受け取り、データベーススキーマ、バックエンドロジック、APIエンドポイント、フロントエンドコンポーネントまで完全に構築し、すべてのアーキテクチャ上の決定を正当化しながら、説明付きの本番対応コードをレイヤーごとに提供します。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n AIが生成したコードの多くは、コメントのないブロックを出力して先に進みます。Edmund は異なる方法で構築します。1行もコードを書かないうちに、スタックと要件について的を絞った質問を行い、各レイヤーを順番に構築し、それぞれの後に確認を取り、すべての決定を説明するため、構築されたものを理解して保守できます。Claude、ChatGPT、またはシステムプロンプトを受け付ける任意のAIチャットモデルで利用できます。\n \u003c\/p\u003e\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\u003cstrong\u003eデータベースレイヤー\u003c\/strong\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\u003cstrong\u003eバックエンドロジック\u003c\/strong\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\u003cstrong\u003eAPIエンドポイント\u003c\/strong\u003e - リクエスト\/レスポンスの契約、バリデーション、エラーレスポンス、適切なHTTPステータスコードを備えた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\u003cstrong\u003eフロントエンドコンポーネント\u003c\/strong\u003e - API連携、状態管理、ローディング状態、エラーハンドリングを組み込んだUIコンポーネント。React、Vue、Next.js、Nuxtなど、正確なフレームワークに合わせて調整されます\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\u003cstrong\u003eスタックに対応した構築\u003c\/strong\u003e - Edmund は自分の好みではなく、あなたのスタックに合わせて構築します。Django + React、Node + Vue、FastAPI + Next.js - 使用しているものが何であれ、書き直しなしで出力が適合します\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\u003cstrong\u003e統合に関する注意事項\u003c\/strong\u003e - レイヤーの接続方法、必要な環境変数、インストールする依存関係、最後に推測で対応することなくリリースできるよう処理すべき既知のエッジケース\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\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📄 edmund-ai-full-stack-developer-agent.skill\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eインストールは2分未満\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、ChatGPT、その他あらゆるAIチャットで利用可能\u003c\/span\u003e\n \u003c\/div\u003e\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 .skill パッケージをダウンロード → Claude を開く → SKILL.md をプロジェクト指示またはシステムプロンプトに読み込む → 会話に起動用 prompt を貼り付ける → Edmund が質問を1つずつ行い、説明付きの本番対応コードで機能をレイヤーごとに構築します。Claude（推奨）、ChatGPT、またはシステムプロンプトを受け付ける任意のAIチャットで利用できます。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":57850931970312,"sku":"edmund-ai-full-stack-developer-agent","price":32.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/edmund-ai-full-stack-developer-agent-book.jpg?v=1787218784"},{"product_id":"rupert-ai-devops-agent","title":"Rupert - AI DevOpsエージェント","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n RupertをClaudeに読み込むと、インフラ設定、CI\/CDパイプライン構成、コンテナ化、クラウドデプロイを案内するSenior DevOps Agentを利用できます。完全な本番対応設定ファイルと正確な実装手順を提供するため、専任のDevOpsエンジニアがいなくてもアプリケーションを稼働させられます。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n デプロイに関する問題の多くは、チュートリアルからコピーした設定ファイルを適切に調整しないことが原因です。Rupertがそれを解決します。スタック、クラウドプロバイダー、現在の設定について的を絞った質問をしてから、設定を1行も書かずに確認し、その後、リポジトリにコミットして実行できるデプロイ可能なファイルを提供します。セキュリティに関するすべての考慮事項もあらかじめ指摘します。Claude、ChatGPT、またはシステムプロンプトを受け付ける任意のAIチャットモデルで利用できます。\n \u003c\/p\u003e\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\u003cstrong\u003eDocker設定\u003c\/strong\u003e - マルチステージビルド、非rootユーザー、ヘルスチェック、レイヤー最適化を備えたDockerfileに加え、サービスの依存関係、ボリュームマウント、環境ファイルを含むローカル開発用の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\u003e\u003cstrong\u003eCI\/CDパイプライン\u003c\/strong\u003e - ジョブの依存関係、シークレットの取り扱い、デプロイトリガー、環境の昇格を含む、GitHub Actions、GitLab CI、またはCircleCIの完全なワークフローを提供します。mainへのすべてのpushが自動かつ安全にデプロイされます\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\u003cstrong\u003eクラウドデプロイ設定\u003c\/strong\u003e - AWS、GCP、DigitalOcean、Railway、Render、またはFly.ioに対応し、汎用テンプレートを大幅に編集するのではなく、プロバイダーに合わせてスタックに必要な正確な設定を用意します\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\u003cstrong\u003eInfrastructure as code\u003c\/strong\u003e - 必要に応じてTerraformモジュールまたはAnsibleプレイブックを用意し、状態管理、変数ファイル、初期化・計画・適用を行う正確なコマンドまで含めます\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\u003cstrong\u003e環境変数テーブル\u003c\/strong\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\u003cstrong\u003eすべての出力にセキュリティに関する注意事項\u003c\/strong\u003e - シークレット管理、IAMの最小権限、ネットワーク公開、コンテナセキュリティを、求められなくても指摘するため、本番稼働後にセキュリティ上の抜け漏れに気づくことがありません\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\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📄 rupert-ai-devops-agent.skill\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、ChatGPT、その他のAIチャットで利用可能\u003c\/span\u003e\n \u003c\/div\u003e\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 .skillパッケージをダウンロード → Claudeを開く → SKILL.mdをプロジェクトの指示またはシステムプロンプトに読み込む → アクティベーションpromptを会話に貼り付ける → Rupertが質問を1つずつ行い、完全にデプロイ可能な設定ファイルと手順ごとの実装手順を提供します。Claude（推奨）、ChatGPT、またはシステムプロンプトを受け付ける任意のAIチャットで利用できます。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":57850985971976,"sku":"rupert-ai-devops-agent","price":32.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/rupert-ai-devops-agent-1.png?v=1789424717"},{"product_id":"coding-agent-bundle-all-5-ai-coding-agents","title":"コーディング Agentバンドル - AIコーディング Agent全5種","description":"\u003cp\u003e\u003cstrong\u003e完全なAIコーディングチーム - KissMySkillsの5つのコーディングagentをすべて1つにまとめたパック。\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e各agentはClaude、ChatGPT、または任意のAIチャットを、作業を最初から最後まで実行する専門家として設定します。\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRupert\u003c\/strong\u003e - AI DevOps agent\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEdmund\u003c\/strong\u003e - AIフルスタック開発者agent\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDorian\u003c\/strong\u003e - AI APIドキュメントagent\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConrad\u003c\/strong\u003e - AIバグ修正agent\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlbert\u003c\/strong\u003e - AIコードレビューagent\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e個別購入価格: $245。バンドル価格: $99.00 - $146お得（59%）。即時ダウンロードで、Claude、ChatGPT、Gemini、または任意のAIチャットで利用できます。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58113384612104,"sku":"coding-agent-bundle-all-5-ai-coding-agents","price":99.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/coding-agent-bundle-cover-v2.jpg?v=1787044256"},{"product_id":"ai-excel-formula-generator","title":"AI Excel数式ジェネレーター","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18;\"\u003e\n \u003cdiv style=\"background: #E8EDFB; border: 1px solid #C7D2F0; border-radius: 8px; padding: 16px 20px; margin-bottom: 20px;\"\u003e\n \u003cp style=\"margin: 0; font-size: 12px; font-weight: 600; color: #2C4BA0; letter-spacing: 0.06em; text-transform: uppercase;\"\u003e技術・開発向けプロンプト\u003c\/p\u003e\n \u003cp style=\"margin: 6px 0 0; font-size: 13px; color: #555550; line-height: 1.5;\"\u003eスプレッドシートに何をさせたいかを説明してください。正確な数式、その仕組み、そして何が原因で動かなくなるのかがわかります。\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 14px; color: #555550; line-height: 1.7; margin: 0 0 20px;\"\u003e\n このプロンプトをClaude、ChatGPT、その他のAIチャットに貼り付け、データに何をさせたいかを平易な言葉で説明すると、お使いのExcelまたはGoogle Sheetsのバージョンに合った、すぐに貼り付けて使える正確な数式が返されます。さらに、その仕組みの平易な説明と、その数式タイプで起こりがちな具体的な失敗原因も得られます。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 14px; color: #555550; line-height: 1.7; margin: 0 0 20px;\"\u003e\n これは「VLOOKUPを使えばいい、あとは頑張って」という回答ではありません。365の動的配列、従来のCSE配列数式、Google Sheetsの構文間の互換性を指摘し、トレードオフを正直に示した予備の数式アプローチを提示します。さらに、実際のシートで出力を信頼する前に確認できるテストチェックリストも提供します。Claude、ChatGPT、その他のAIチャットモデルで使えます。\n \u003c\/p\u003e\n \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1A1A18; margin: 0 0 10px; text-transform: uppercase; letter-spacing: 0.04em;\"\u003e得られるもの\u003c\/h3\u003e\n \u003cul style=\"font-size: 13px; color: #555550; line-height: 1.9; padding-left: 18px; margin: 0 0 24px;\"\u003e\n \u003cli\u003e本番環境ですぐに使えるプロンプト1つ（600語以上）\u003c\/li\u003e\n \u003cli\u003eすぐに貼り付けて使える正確な数式。すべてのセル\/範囲参照を明確に表示\u003c\/li\u003e\n \u003cli\u003e数式の仕組みを平易な言葉で段階的に説明\u003c\/li\u003e\n \u003cli\u003eよくある落とし穴とエラーを発生前に指摘（#N\/A、#REF!、#SPILL!）\u003c\/li\u003e\n \u003cli\u003e別の数式アプローチと、実際のシートでのテストチェックリスト\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1A1A18; margin: 0 0 10px; text-transform: uppercase; letter-spacing: 0.04em;\"\u003e対象サブタイプ\u003c\/h3\u003e\n \u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px;\"\u003e\n \u003cspan style=\"background: #E8EDFB; color: #2C4BA0; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003eVLOOKUP \u0026amp; XLOOKUP\u003c\/span\u003e\n \u003cspan style=\"background: #E8EDFB; color: #2C4BA0; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003eINDEX\/MATCH\u003c\/span\u003e\n \u003cspan style=\"background: #E8EDFB; color: #2C4BA0; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003e動的配列\u003c\/span\u003e\n \u003cspan style=\"background: #E8EDFB; color: #2C4BA0; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003eネストされたIFロジック\u003c\/span\u003e\n \u003cspan style=\"background: #E8EDFB; color: #2C4BA0; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003eGoogle Sheetsの構文\u003c\/span\u003e\n \u003cspan style=\"background: #E8EDFB; color: #2C4BA0; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003eExcel 365 \u0026amp; レガシー版\u003c\/span\u003e\n \u003cspan style=\"background: #E8EDFB; color: #2C4BA0; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003e財務関数\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-top: 1px solid #E8E6E0; padding-top: 16px;\"\u003e\n \u003cp style=\"font-size: 11px; color: #BBBBAA; margin: 0; font-family: 'DM Mono', monospace;\"\u003eai-excel-formula-generator-prompt.txt · Claude、ChatGPT \u0026amp; その他に対応 · すぐに使える\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"デフォルト","offer_id":58282043506952,"sku":"ai-excel-formula-generator","price":4.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ai-excel-formula-generator-book.jpg?v=1787225830"},{"product_id":"soren-code-auditor-ai-skill","title":"Soren - コード監査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    Drop Soren into Claude and get a staff engineer who runs a real code review on whatever you paste in - bugs, security holes, performance traps, and maintainability debt - ranked by severity, with the fix shown as working code, not just described.\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    Soren has reviewed thousands of pull requests at scale and has been paged at 3am for a bug that \"looked fine in review\" one too many times - he no longer gives anything a pass just because it compiles. He reads the whole submission before commenting on anything, hunts across four lenses in priority order, and never hands back vague feedback like \"consider refactoring this\" without saying exactly why and exactly what to type instead.\n  \u003c\/p\u003e\n\n  \u003cdiv style=\"background: #E1F5EE; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #0F6E56; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eWhat you get\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(15,110,86,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #0F6E56; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eOne-line verdict up top - ship it or stop, in five seconds\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(15,110,86,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #0F6E56; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eFindings ranked Critical → High → Medium across correctness, security, performance, and maintainability\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(15,110,86,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #0F6E56; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eEvery finding tied to a concrete failure scenario - the exact input, load, or sequence that triggers it\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(15,110,86,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #0F6E56; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eA corrected code snippet for every fix, not just a description of what to change\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(15,110,86,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n        \u003cspan style=\"color: #0F6E56; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eSecurity issues always called out explicitly as Critical - never buried as a style nit or inflated from a nitpick\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: #0F6E56; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n        \u003cspan\u003eWorks across any common language or framework you paste in\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📄 soren-code-auditor.skill\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eUnder 2 min install\u003c\/span\u003e\n    \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n    \u003cspan style=\"font-size: 11px; color: #888780;\"\u003eWorks with Claude, ChatGPT \u0026amp; any AI chat\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-left: 3px solid #0F6E56; padding-left: 16px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #0F6E56; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003eHow to install\u003c\/p\u003e\n    \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n      Download the .skill package → open Claude → paste SKILL.md into your Project Instructions or system prompt → paste in your code, the language\/framework, and what it's supposed to do → Soren returns a severity-ranked report you could paste straight into a PR thread. Static read-through only - it doesn't execute or test the code, and isn't a substitute for automated SAST\/DAST scanning.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"デフォルト","offer_id":58282044948744,"sku":"soren-code-auditor","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/soren-code-auditor-ai-skill-book.jpg?v=1787135377"},{"product_id":"santiago-devops-engineer","title":"Santiago - プラットフォーム信頼性エンジニア AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003eSantiagoをClaudeに追加すれば、CI\/CDパイプラインを構築し、Infrastructure as Codeでインフラをプロビジョニングし、安全なカナリアデプロイでリリースするシニアDevOpsエンジニアを利用できます。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eSantiagoはデリバリーパイプラインとインフラを構築します：CI\/CD（GitHub Actions、GitLab CI、Jenkins）、TerraformによるInfrastructure as Code、Dockerのマルチステージビルド、Kubernetesの基礎、アーティファクトレジストリ、シークレット、デプロイ戦略（ブルーグリーン、カナリア、ローリング）。常にブランチで開発し、レビューを経てステージング環境に対するCIを実行し、承認後に本番環境へ昇格させます。\u003c\/p\u003e\n \u003cdiv style=\"background: #EEF6E3; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #5FA828; 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; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eCI\/CDパイプライン（GitHub Actions、GitLab CI、Jenkins）\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eTerraformによるInfrastructure as Code\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eDockerのマルチステージビルドとKubernetesの基礎\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eデプロイ戦略：ブルーグリーン、カナリア、ローリング、シークレット\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\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📄 santiago-devops-engineer.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e2分以内でインストール\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eClaude、ChatGPT、その他のあらゆるAIチャットで利用可能\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #5FA828; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#5FA828; 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.skillパッケージをダウンロード → Claudeを開く → SKILL.mdをプロジェクトの指示またはシステムプロンプトに貼り付ける → 要件を説明する → Santiagoが回答を作成します。取得できる内容を正確に確認できる、完全な実例付きです。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58300679651592,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/santiago-devops-engineer-book.jpg?v=1787135377"},{"product_id":"wei-site-reliability-engineer","title":"ウェイ - サイト信頼性エンジニア AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003eWeiをClaudeに追加すれば、SLOとエラーバジェットを定義し、オブザーバビリティを構築し、インシデントとポストモーテムを正しく運用するシニアSREが得られます。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eWeiはシステムの信頼性を高めます：SLI、SLO、エラーバジェット、オブザーバビリティ（メトリクス、ログ、トレース；Prometheus\/Grafana；REDとUSE）、疲労を招かない症状ベースのアラート、インシデント対応と非難のないポストモーテム、オンコール、トイル削減、キャパシティプランニング、信頼性パターン（タイムアウト、バックオフ付きリトライ、サーキットブレーカー）。信頼性に関する変更は必ずステージング環境でテストし、エラーバジェットに照らして検証したうえで、段階的にリリースします。\u003c\/p\u003e\n \u003cdiv style=\"background: #EEF6E3; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #5FA828; 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; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eSLI、SLO、エラーバジェット\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eオブザーバビリティ：メトリクス、ログ、トレース（Prometheus\/Grafana、RED\/USE）\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e疲労を招かない症状ベースのアラート；インシデント対応\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eポストモーテム、トイル削減、レジリエンスパターン\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\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📄 wei-site-reliability-engineer.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e2分未満でインストール\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eClaude、ChatGPT、その他あらゆるAIチャットで動作\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #5FA828; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#5FA828; 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.skillパッケージをダウンロード → Claudeを開く → SKILL.mdをプロジェクトの指示またはシステムpromptに貼り付ける → 要件を説明する → Weiが回答を作成します。何が得られるかを正確に確認できる、完全な実例付きです。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58300682633480,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/wei-site-reliability-engineer-1.png?v=1789424717"},{"product_id":"tunde-backend-engineer","title":"トゥンデ - バックエンドエンジニア AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003eTundeをClaudeに組み込めば、クリーンなAPIを設計し、正しくデータをモデリングし、スケールするサービスを構築するシニアバックエンドエンジニアが得られます。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eTundeはバックエンドサービスを構築します：API設計（RESTとGraphQL、バージョニング、ページネーション、冪等性）、データモデリングとSQL（インデックス、トランザクション、N+1の回避）、キャッシュ（Redis、無効化）、キューと非同期処理、認証（OAuth2\/OIDC、JWT、セッション）、並行処理、エラーハンドリング、テスト、パフォーマンス。常にブランチ上でテストとレビューを行い、本番環境の前にCIでステージングデータベースに対して実行します。\u003c\/p\u003e\n \u003cdiv style=\"background: #EEF6E3; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #5FA828; 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; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eAPI設計：REST\/GraphQL、バージョニング、ページネーション、冪等性\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eデータモデリングとSQL：インデックス、トランザクション、N+1の回避\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eキャッシュ（Redis）、キュー、非同期処理\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e認証（OAuth2\/OIDC、JWT）、並行処理、テスト\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\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📄 tunde-backend-engineer.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eインストールは2分未満\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eClaude、ChatGPT、その他のあらゆるAIチャットで利用可能\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #5FA828; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#5FA828; 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.skillパッケージをダウンロード → Claudeを開く → SKILL.mdをプロジェクトの指示またはシステムプロンプトに貼り付ける → 要件を説明する → Tundeが回答を作成します。得られる内容を正確に確認できる、完全な実例も含まれています。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58300688793864,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/tunde-backend-engineer-book.jpg?v=1787135377"},{"product_id":"yuna-frontend-engineer","title":"ユナ - フロントエンドエンジニア AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n  \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003eDrop Yuna into Claude and get a senior frontend engineer who builds fast, accessible React components with clean TypeScript and real tests.\u003c\/p\u003e\n  \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eYuna builds frontend: React (hooks, state, composition), TypeScript, performance (bundle size, code splitting, memoization, Core Web Vitals), accessibility (semantic HTML, ARIA, keyboard, WCAG), responsive CSS, state management, forms, and testing (React Testing Library). Always develop on a branch, test (unit and a11y), review, and verify in a preview build before merging.\u003c\/p\u003e\n  \u003cdiv style=\"background: #EEF6E3; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #5FA828; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eWhat you get\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eReact (hooks, state, composition) and TypeScript\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003ePerformance: bundle size, code splitting, Core Web Vitals\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eAccessibility: semantic HTML, ARIA, keyboard, WCAG\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eResponsive CSS, state management and React Testing Library\u003c\/span\u003e\n\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\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📄 yuna-frontend-engineer.skill\u003c\/span\u003e\n    \u003cspan style=\"font-size:11px; color:#888780;\"\u003eUnder 2 min install\u003c\/span\u003e\n    \u003cspan style=\"font-size:11px; color:#888780;\"\u003eWorks with Claude, ChatGPT \u0026amp; any AI chat\u003c\/span\u003e\n  \u003c\/div\u003e\n  \u003cdiv style=\"border-left:3px solid #5FA828; padding-left:16px;\"\u003e\n    \u003cp style=\"font-size:10px; font-weight:600; color:#5FA828; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003eHow to install\u003c\/p\u003e\n    \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003eDownload the .skill package → open Claude → paste SKILL.md into your Project Instructions or system prompt → describe your requirement → Yuna builds the answer. Includes a full worked example so you see exactly what you get.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58300704424200,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/yuna-frontend-engineer-book.jpg?v=1787135377"},{"product_id":"nikolai-fullstack-engineer","title":"ニコライ - フルスタックエンジニア AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003eNikolaiをClaudeに追加すれば、フロントエンドとバックエンドの間にクリーンな契約を持ち、機能全体をエンドツーエンドでリリースするシニアフルスタックエンジニアが得られます。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eNikolaiは、エンドツーエンドの機能を構築します。フロントエンド（React\/TypeScript）、バックエンド（Node\/TypeScriptまたはPython API）、共有API契約、リレーショナルデータベースとデータモデル、スタック全体にわたる認証とセッション、両側でのバリデーション、各レイヤーにわたるテスト、そしてデプロイまで対応します。常にブランチ上で開発し、各レイヤーをテストし、レビューを行い、本番環境に投入する前にCI\/ステージングで検証します。\u003c\/p\u003e\n \u003cdiv style=\"background: #EEF6E3; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #5FA828; 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; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eフロントエンド（React\/TypeScript）とバックエンド（Node\/Python API）\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e両者の間のクリーンで共有されたAPI契約\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eリレーショナルデータベースとデータモデル、スタック全体にわたる認証\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e両側でのバリデーションと各レイヤーにわたるテスト\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\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📄 nikolai-fullstack-engineer.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e2分以内でインストール\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eClaude、ChatGPT、その他のあらゆるAIチャットで利用可能\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #5FA828; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#5FA828; 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.skillパッケージをダウンロード → Claudeを開く → SKILL.mdをプロジェクトの指示またはシステムプロンプトに貼り付ける → 要件を説明する → Nikolaiが回答を構築します。何が得られるかを正確に確認できる、完全な実例付きです。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58300705538312,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/nikolai-fullstack-engineer-book.jpg?v=1787135378"},{"product_id":"zainab-cloud-engineer","title":"ザイナブ - クラウドエンジニア AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003eClaudeにZainabを導入すれば、最小権限のIAM、実運用に耐えるネットワーク、Infrastructure as Codeを備えた、Well-ArchitectedなAWSを設計するシニアクラウドエンジニアを得られます。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eZainabはクラウド（AWSを中心に、Azure\/GCPにも対応）を設計します。IAM（最小権限）、ネットワーク（VPC、サブネット、セキュリティグループ、NAT）、コンピューティング（EC2、ECS\/Fargate、Lambda）、ストレージ（S3）、データベース（RDS）、Well-Architected Framework、Infrastructure as Code（Terraform）、AZ間の高可用性、コスト最適化、セキュリティに対応します。常にまず非本番アカウントでIaCとして適用し、プランをレビューしてから、変更管理を通じて本番環境へ昇格させます。\u003c\/p\u003e\n \u003cdiv style=\"background: #EEF6E3; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #5FA828; 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; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eIAMの最小権限、VPC、サブネット、セキュリティグループ、NAT\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eコンピューティング（EC2、ECS\/Fargate、Lambda）とストレージ（S3）\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eRDS、AZ間の高可用性、コスト最適化\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eWell-Architected FrameworkとTerraformによるIaC\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\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📄 zainab-cloud-engineer.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e2分未満でインストール\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eClaude、ChatGPT、その他のあらゆるAIチャットで利用可能\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #5FA828; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#5FA828; 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.skillパッケージをダウンロード → Claudeを開く → SKILL.mdをプロジェクトの指示またはsystem promptに貼り付ける → 要件を説明する → Zainabが回答を作成します。得られる内容を正確に確認できる、完全な実例も含まれています。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58300706226440,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/zainab-cloud-engineer-book.jpg?v=1787135378"},{"product_id":"lukas-platform-engineer","title":"ルーカス - プラットフォームエンジニア AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003eLukas を Claude に組み込めば、Helm と GitOps を使って Kubernetes 上にゴールデンパスを構築し、開発者が自分でデプロイできるシニアプラットフォームエンジニアを手に入れられます。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eLukas は、Kubernetes（デプロイメント、サービス、Ingress、設定とシークレット、リソースリクエストと制限、プローブ、HPA）、Helm チャート、GitOps（ArgoCD\/Flux）、ゴールデンパスとセルフサービス、開発者体験、Backstage の知識、マルチテナンシー、プラットフォームの信頼性とセキュリティを備えた社内開発者プラットフォームを構築します。まず必ずレビューを経た GitOps を通じて非本番クラスターに適用し、プラットフォームの変更プロセスを通じて昇格させます。\u003c\/p\u003e\n \u003cdiv style=\"background: #EEF6E3; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #5FA828; 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; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eKubernetes: デプロイメント、サービス、Ingress、プローブ、HPA、リソース制限\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eHelm チャートと GitOps（ArgoCD\/Flux）\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eゴールデンパス、セルフサービス、開発者体験\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eマルチテナンシー、プラットフォームの信頼性とセキュリティ\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\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📄 lukas-platform-engineer.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e2分以内でインストール\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eClaude、ChatGPT、その他のあらゆる AI チャットで利用可能\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #5FA828; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#5FA828; 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.skill パッケージをダウンロード → Claude を開く → SKILL.md をプロジェクトの指示またはシステムプロンプトに貼り付ける → 要件を説明する → Lukas が回答を作成します。得られる内容を正確に確認できる、完全な実例付きです。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58300708192520,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/lukas-platform-engineer-1.png?v=1789424718"},{"product_id":"elif-qa-automation-engineer","title":"エリフ - QAオートメーションエンジニア AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003eElifをClaudeに追加すれば、Playwrightによる堅牢なテストピラミッド、安定したテスト、CI統合を構築するシニアQA自動化エンジニアが得られます。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eElifは、テストピラミッドと戦略、Playwrightを使ったUI自動化（Page Object Model）とSeleniumへの対応、APIテスト、テストデータ管理、不安定さを防ぐ堅牢な待機処理、CI統合と並列化、レポート、カバレッジを含むテスト自動化を構築します。CIでは常にステージング環境に対してテストを実行し、決定論的な状態を維持して、すべてのテストが成功した場合のみマージを許可します。\u003c\/p\u003e\n \u003cdiv style=\"background: #EEF6E3; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #5FA828; 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; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eテストピラミッドと戦略、いつ自動化するか\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003ePlaywrightを使ったUI自動化（Page Object Model）\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eAPIテストとテストデータ管理\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e堅牢な待機処理（不安定さなし）、CI統合、カバレッジ\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\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📄 elif-qa-automation-engineer.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e2分未満でインストール\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eClaude、ChatGPT、その他あらゆるAIチャットで利用可能\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #5FA828; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#5FA828; 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.skillパッケージをダウンロード → Claudeを開く → SKILL.mdをプロジェクトの指示またはシステムプロンプトに貼り付ける → 要件を説明する → Elifが回答を作成します。実際に得られる内容を正確に確認できる、完全な実例付きです。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58300708552968,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/elif-qa-automation-engineer-book.jpg?v=1787135378"},{"product_id":"kenji-mobile-engineer","title":"ケンジ - モバイルアプリ開発者 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n  \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003eDrop Kenji into Claude and get a senior mobile engineer who builds clean iOS and Android screens with MVVM, async networking, and real tests.\u003c\/p\u003e\n  \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eKenji builds native mobile (iOS Swift\/SwiftUI and Android Kotlin\/Compose): app architecture (MVVM, unidirectional data flow), UI, state management, networking (async\/await, URLSession\/Retrofit), local persistence and offline, navigation, the app lifecycle, testing, performance and memory, and store deployment. React Native and Flutter as cross-platform alternatives. Always test on simulators and devices and in CI, and ship through a beta track before release.\u003c\/p\u003e\n  \u003cdiv style=\"background: #EEF6E3; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #5FA828; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eWhat you get\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eiOS (Swift\/SwiftUI) and Android (Kotlin\/Jetpack Compose)\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eArchitecture: MVVM and unidirectional data flow\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eNetworking (async\/await), local persistence and offline\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eTesting, performance\/memory and store deployment\u003c\/span\u003e\n\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\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📄 kenji-mobile-engineer.skill\u003c\/span\u003e\n    \u003cspan style=\"font-size:11px; color:#888780;\"\u003eUnder 2 min install\u003c\/span\u003e\n    \u003cspan style=\"font-size:11px; color:#888780;\"\u003eWorks with Claude, ChatGPT \u0026amp; any AI chat\u003c\/span\u003e\n  \u003c\/div\u003e\n  \u003cdiv style=\"border-left:3px solid #5FA828; padding-left:16px;\"\u003e\n    \u003cp style=\"font-size:10px; font-weight:600; color:#5FA828; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003eHow to install\u003c\/p\u003e\n    \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003eDownload the .skill package → open Claude → paste SKILL.md into your Project Instructions or system prompt → describe your requirement → Kenji builds the answer. Includes a full worked example so you see exactly what you get.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58300708585736,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/kenji-mobile-engineer-book.jpg?v=1787135378"},{"product_id":"ivan-devsecops-engineer","title":"イワン - DevSecOpsエンジニア AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n  \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003eDrop Ivan into Claude and get a senior DevSecOps engineer who shifts security left, wires SAST, DAST and SCA gates into CI, and threat-models features.\u003c\/p\u003e\n  \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eIvan builds security into the SDLC: shifting left, SAST\/DAST\/SCA and dependency scanning, secret scanning and secrets management (Vault), container and image scanning, IaC security scanning, supply-chain security (SBOM, signing), security gates in CI\/CD, threat modeling (STRIDE), least privilege, and OWASP Top 10 awareness. This skill is defensive only. Always test security controls in a non-production pipeline, tune to avoid false-positive blocking, and roll out gates gradually.\u003c\/p\u003e\n  \u003cdiv style=\"background: #EEF6E3; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n    \u003cp style=\"font-size: 10px; font-weight: 600; color: #5FA828; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eWhat you get\u003c\/p\u003e\n    \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eShift-left: SAST, DAST, SCA and dependency scanning\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eSecret scanning, secrets management (Vault), container scanning\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eIaC security, supply chain (SBOM, signing), CI security gates\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eThreat modeling (STRIDE), least privilege, OWASP Top 10\u003c\/span\u003e\n\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\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📄 ivan-devsecops-engineer.skill\u003c\/span\u003e\n    \u003cspan style=\"font-size:11px; color:#888780;\"\u003eUnder 2 min install\u003c\/span\u003e\n    \u003cspan style=\"font-size:11px; color:#888780;\"\u003eWorks with Claude, ChatGPT \u0026amp; any AI chat\u003c\/span\u003e\n  \u003c\/div\u003e\n  \u003cdiv style=\"border-left:3px solid #5FA828; padding-left:16px;\"\u003e\n    \u003cp style=\"font-size:10px; font-weight:600; color:#5FA828; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003eHow to install\u003c\/p\u003e\n    \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003eDownload the .skill package → open Claude → paste SKILL.md into your Project Instructions or system prompt → describe your requirement → Ivan builds the answer. Includes a full worked example so you see exactly what you get.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58300710322440,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ivan-devsecops-engineer-book.jpg?v=1787135379"},{"product_id":"alina-database-engineer","title":"アリナ - データベース管理者 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003eAlinaをClaudeに追加すると、堅牢なスキーマを設計し、EXPLAINで遅いクエリをチューニングし、ゼロダウンタイム移行を実行するシニアデータベースエンジニアが得られます。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eAlinaは、リレーショナルデータベース（PostgreSQLを中心に、MySQLにも対応）の設計とチューニングを行います。スキーマ設計と正規化、インデックス（b-tree、部分インデックス、複合インデックス、カバリングインデックス）とインデックスを作成すべきでない場面、EXPLAIN ANALYZEによるクエリチューニング、トランザクションと分離レベル、ロックと並行性、コネクションプーリング、レプリケーションとリードレプリカ、パーティショニング、安全なゼロダウンタイム移行、バックアップとリストアに対応します。本番環境に適用する前に、必ずコピーまたはステージングデータベースで変更をテストし、クエリプランを確認し、バックアップを取得し、ゼロダウンタイムのパターンを使用してください。\u003c\/p\u003e\n \u003cdiv style=\"background: #EEF6E3; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #5FA828; 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; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eスキーマ設計、正規化、制約\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eインデックス（b-tree、部分インデックス、複合インデックス、カバリングインデックス）と、使わない方がよい場面\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eEXPLAIN ANALYZEによるクエリチューニング、トランザクションと分離レベル\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eレプリケーション、パーティショニング、ゼロダウンタイム移行\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\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📄 alina-database-engineer.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e2分以内でインストール\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eClaude、ChatGPT、その他あらゆるAIチャットで動作\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #5FA828; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#5FA828; 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.skillパッケージをダウンロード → Claudeを開く → SKILL.mdをプロジェクトの指示またはシステムプロンプトに貼り付ける → 要件を説明する → Alinaが回答を構築します。得られる内容を正確に確認できる、完全な実例付きです。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58300721299720,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/alina-database-engineer-book.jpg?v=1787135600"},{"product_id":"julian-software-architect","title":"ジュリアン - ソリューションアーキテクト AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003eJulianをClaudeに追加すれば、現実的なトレードオフを踏まえてシステムを設計し、意思決定記録を作成し、複雑さを加えるべきでないタイミングを理解するソフトウェアアーキテクトを利用できます。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eJulianは、意思決定とトレードオフを踏まえてソフトウェアアーキテクチャを設計します。システム設計、モノリス対マイクロサービス対モジュラーモノリス、イベント駆動アーキテクチャとメッセージング、CQRSとイベントソーシング（および採用すべきでない場合）、APIとコントラクトの設計、データの一貫性（CAP、Saga、結果整合性）、スケーラビリティとキャッシュ、レジリエンスパターン、設計段階からのセキュリティとオブザーバビリティを扱います。アーキテクチャ意思決定記録を作成します。アーキテクチャは必ず非本番環境で概念実証と負荷テストによって検証し、ADRに記録してから、コミットする前にレビューしてください。\u003c\/p\u003e\n \u003cdiv style=\"background: #EEF6E3; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #5FA828; 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; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eシステム設計、モノリス対マイクロサービス対モジュラーモノリス\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eイベント駆動、CQRS、メッセージング（および採用すべきでない場合）\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eデータの一貫性（CAP、Saga、結果整合性）、スケーラビリティ、キャッシュ\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e設計段階からのレジリエンス、セキュリティ、オブザーバビリティ、ADR\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\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📄 julian-software-architect.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e2分未満でインストール\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eClaude、ChatGPT、\u0026amp;あらゆるAIチャットで利用可能\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #5FA828; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#5FA828; 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.skillパッケージをダウンロード → Claudeを開く → SKILL.mdをプロジェクトの指示またはシステムプロンプトに貼り付ける → 要件を説明する → Julianが回答を構築します。得られる内容を正確に確認できる、完全な実例付きです。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58300722741512,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/julian-software-architect-book.jpg?v=1787135601"},{"product_id":"pascal-react-nextjs-frontend-engineer","title":"パスカル - React開発者 AI Skill","description":"\u003cdiv\u003e\n\u003ch2\u003ePascalが行うこと\u003c\/h2\u003e\n\u003cp\u003ePascalはClaude（またはChatGPT、その他のAIチャット）をシニアReact\/Next.jsフロントエンドエンジニアに変えます。推測ではなく実際のシグナルに基づいて、コンポーネントアーキテクチャ、状態管理、レンダリング戦略、Core Web Vitalsの問題を診断し、具体的ですぐに実行できる計画を提示します。\u003c\/p\u003e\n\n\u003ch3\u003e対象者\u003c\/h3\u003e\n\u003cp\u003e本番環境のReactまたはNext.jsアプリケーションを構築・修正しているフロントエンドエンジニア、テックリード、創業者。コンポーネントアーキテクチャ、状態管理、Core Web Vitalsに関する判断を、最初から正しく行いたい方に適しています。\u003c\/p\u003e\n\n\u003ch3\u003e主な機能\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eコンポーネントアーキテクチャ: プレゼンテーショナルとコンテナの分割、設定よりコンポジションを優先する設計、コンポーネントの境界をデータの境界に合わせるべき場所\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e状態管理戦略: 実際に共有される範囲と変更頻度に応じて、ローカル状態、Context、外部ストア（Zustand、Redux Toolkit、Jotai、TanStack Query）を適切に選択\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eパフォーマンス最適化: バンドル分析、コード分割、画像とフォントの読み込み、プロファイリングで効果が確認できる箇所に限定したメモ化\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eNext.js App RouterとServer Components: Server\/Client Componentの境界、Server ActionsとAPIルートの使い分け、Pages Routerが依然として適しているケース\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eルートごとのレンダリング戦略: 各ルートに実際に必要なデータの鮮度に応じて、SSG、ISR、SSR、ストリーミングを選択\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eテスト戦略: 本番環境で実際に壊れる箇所に絞った、ユニット、コンポーネント、エンドツーエンドのテストカバレッジ\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e使い方\u003c\/h3\u003e\n\u003cp\u003eスキルファイルをダウンロードし、内容全体をClaude Project Instructions（または任意のAIチャットのシステムプロンプト）に貼り付けます。その後、問題を自然な言葉で説明すれば、具体的ですぐに実行できる計画が返ってきます。セッションごとに背景を説明し直す必要はありません。Claude、ChatGPT、その他のAIチャットで利用できます。インストールは2分以内で完了します。\u003c\/p\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58330188906760,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/pascal-react-nextjs-frontend-engineer-book.jpg?v=1787135600"},{"product_id":"indira-ios-engineer-swift-swiftui","title":"インディラ - iOS開発者 AI Skill","description":"\u003cdiv\u003e\n\u003ch2\u003eIndiraが行うこと\u003c\/h2\u003e\n\u003cp\u003eIndiraはClaude（またはChatGPT、その他のAIチャット）を、実際の証拠に基づいてアプリのアーキテクチャ、Swift Concurrencyの問題、永続化に関するトレードオフ、App Storeのリジェクトを診断し、具体的ですぐに実行できる計画を提示するシニアiOSエンジニアに変えます。\u003c\/p\u003e\n\n\u003ch3\u003e対象者\u003c\/h3\u003e\n\u003cp\u003e本番環境のSwift\/SwiftUIアプリを開発または保守しており、アーキテクチャ、並行処理、永続化、App Store提出に関する判断を正しく行う必要があるiOSエンジニアや創業者。\u003c\/p\u003e\n\n\u003ch3\u003e主な機能\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e本番アプリのアーキテクチャ: デフォルトはMVVMとし、The Composable Architectureの複雑さに見合うケースを判断\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eSwiftUIとUIKitの相互運用: どの画面をSwiftUIに移行し、どの画面をUIKitに残すか、また境界部分に必要なラッパーコードを判断\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eSwift Concurrency: async\/await、アクター分離、@MainActor、および@unchecked Sendableに頼るのではなくデータ競合を診断\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eCore DataとSwiftDataの永続化: 移行履歴、フェッチ戦略、書き直しが正当化されるケースとされないケースを判断\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eApp Storeの審査と提出: リジェクト内容を該当するガイドラインと、アプリを承認に導く正確な修正方法に対応付け\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eInstrumentsによるパフォーマンスプロファイリング: 特定のトレース結果に基づく起動時間、メモリ増加、保持サイクルの分析\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e使い方\u003c\/h3\u003e\n\u003cp\u003eスキルファイルをダウンロードし、その全文をClaudeのプロジェクト指示（または任意のAIチャットのシステムprompt）に貼り付けます。次に問題を自然な言葉で説明すれば、具体的ですぐに実行できる計画が返されます。セッションごとにコンテキストを説明し直す必要はありません。Claude、ChatGPT、その他のAIチャットで使用できます。インストールは2分未満です。\u003c\/p\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58330188939528,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/indira-ios-engineer-swift-swiftui-book.jpg?v=1787135600"},{"product_id":"milena-android-engineer-kotlin","title":"ミレナ - Android開発者 AI Skill","description":"\u003cdiv\u003e\n\u003ch2\u003eMilenaができること\u003c\/h2\u003e\n\u003cp\u003eMilenaはClaude（またはChatGPT、その他のAIチャット）を、実際のシグナルからCompose移行に関する疑問、MVVM\/MVIアーキテクチャ、コルーチンやライフサイクルのバグ、ANRやメモリリークを診断し、具体的ですぐに実行できる計画を提示するシニアAndroidエンジニアに変えます。\u003c\/p\u003e\n\n\u003ch3\u003e対象者\u003c\/h3\u003e\n\u003cp\u003eCompose、アーキテクチャ、コルーチン、パフォーマンスに関する判断を正しく行う必要がある、本番環境向けKotlinアプリを開発・保守するAndroidエンジニアや創業者。\u003c\/p\u003e\n\n\u003ch3\u003e主な機能\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eJetpack ComposeとViewシステムの比較：Composeをデフォルトとして採用すべき場合と、ComposeViewによる相互運用が現実的な中間案となる場合\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eアーキテクチャ：単純な画面にはMVVM、複雑で状態が壊れやすい画面にはMVIの単方向パイプライン\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eKotlin CoroutinesとFlow：スコープの選択、ディスパッチャーの選択、repeatOnLifecycleを使ったライフサイクル対応のコレクション\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eAndroidのライフサイクル管理：ViewModelのスコープ、SavedStateHandle、そして誤った扱いによって発生するリスナーやコンテキストのリーク\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eRoomによる永続化：エンティティ\/DAO設計、マイグレーション、Flowを返すリアクティブクエリ\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eパフォーマンス診断：ANRトレース、LeakCanaryのヒープダンプ、特定のシグナルに基づく起動時間の改善\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e使い方\u003c\/h3\u003e\n\u003cp\u003eスキルファイルをダウンロードし、その全文をClaudeプロジェクトの指示（または任意のAIチャットのシステムプロンプト）に貼り付けます。次に問題を自然な言葉で説明すれば、具体的ですぐに実行できる計画が返されます。毎回コンテキストを説明し直す必要はありません。Claude、ChatGPT、その他のAIチャットで利用できます。インストールは2分以内です。\u003c\/p\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58330189005064,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/milena-android-engineer-kotlin-book.jpg?v=1787135602"},{"product_id":"zane-flutter-cross-platform-engineer","title":"ゼイン - Flutter開発者 AI Skill","description":"\u003cdiv\u003e\n\u003ch2\u003eZaneが行うこと\u003c\/h2\u003e\n\u003cp\u003eZaneはClaude（またはChatGPT、その他のAIチャット）を、ウィジェットの再ビルド問題、状態管理の適合性、プラットフォームチャネルの必要性、DevToolsのタイムラインからのカクつきを診断し、具体的ですぐに実行できる計画を提示するシニアFlutterエンジニアに変えます。\u003c\/p\u003e\n\n\u003ch3\u003e対象ユーザー\u003c\/h3\u003e\n\u003cp\u003eApp StoreとGoogle Playの両方に本番アプリをリリースするFlutterエンジニアや創業者で、ウィジェットアーキテクチャ、状態管理、リリースパイプラインに関する判断を正しく行う必要がある方。\u003c\/p\u003e\n\n\u003ch3\u003e主な機能\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eウィジェットアーキテクチャ: 再ビルドの境界、constコンストラクタ、RepaintBoundaryの配置を通じて、実際に再描画される範囲を制御\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e状態管理戦略: トレンドではなく、チーム規模とアプリの複雑さに合わせてProvider\/ChangeNotifier、Riverpod、またはBlocを選定\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eプラットフォームチャネル: MethodChannelとEventChannelを設計し、カスタムネイティブコードを書く前にpub.devを確認\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eパフォーマンスとカクつきの診断: DevToolsのPerformanceタブを読み、UIスレッドの処理とラスタースレッドの処理を切り分け\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eアプリサイズの最適化: ABI別ビルド、遅延コンポーネント、アセット監査を、最適化前後のサイズ数値と結び付けて実施\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eマルチプラットフォーム向けCI\/CDリリース: マージのたびに署名済みでストアに提出可能なビルドを生成するCodemagicとFastlaneのパイプライン\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e使い方\u003c\/h3\u003e\n\u003cp\u003eスキルファイルをダウンロードし、その全文をClaude Project Instructions（または任意のAIチャットのシステムプロンプト）に貼り付けます。その後、問題を自然な言葉で説明すれば、具体的ですぐに実行できる計画が返ってきます。セッションごとにコンテキストを説明し直す必要はありません。Claude、ChatGPT、その他のAIチャットで利用できます。インストールは2分未満です。\u003c\/p\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58330189037832,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/zane-flutter-cross-platform-engineer-book.jpg?v=1787135602"},{"product_id":"henrik-java-spring-boot-engineer","title":"Henrik - Java開発者 AI Skill","description":"\u003cdiv\u003e\n\u003ch2\u003eHenrikが行うこと\u003c\/h2\u003e\n\u003cp\u003eHenrikはClaude（またはChatGPT、その他のAIチャット）を、実際の証拠に基づいてN+1クエリ、トランザクション境界のバグ、REST API設計、Spring Securityの設定を診断し、具体的ですぐに実行できる計画を提示するシニアJava\/Spring Bootバックエンドエンジニアに変えます。\u003c\/p\u003e\n\n\u003ch3\u003e対象ユーザー\u003c\/h3\u003e\n\u003cp\u003e本番環境でSpring Bootサービスを運用しており、アーキテクチャ、JPA\/Hibernateのパフォーマンス、トランザクション、セキュリティに関する判断を正しく行う必要があるバックエンドエンジニアや創業者。\u003c\/p\u003e\n\n\u003ch3\u003e主な機能\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eアプリケーションアーキテクチャ: トレンドではなく、実際のドメインの複雑さに基づいてレイヤードとヘキサゴナルを選択\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eJPA\/Hibernateのパフォーマンス: 実際のクエリ数に基づくN+1クエリの検出、JOIN FETCH、@EntityGraph、バッチフェッチ\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eトランザクション管理: 実際の作業単位に合わせた@Transactionalの配置と伝播（REQUIRED、REQUIRES_NEW、NESTED）\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eREST API設計: APIの実際の利用方法に合ったリソース命名、ステータスコード、バージョニング、ページネーション\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eSpring Security: 実際の脅威モデルに合わせたフィルターチェーン設定、JWTとセッション認証の選択、メソッドレベル認可\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eテスト戦略: 実際のデータベースが重要な箇所でのJUnit\/Mockitoユニットテスト、Springスライステスト、Testcontainers統合テスト\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e使い方\u003c\/h3\u003e\n\u003cp\u003eスキルファイルをダウンロードし、内容全体をClaudeプロジェクトの指示（または任意のAIチャットのシステムprompt）に貼り付けます。その後、問題を自然な言葉で説明すれば、具体的ですぐに実行できる計画が返ってきます。セッションごとに背景を説明し直す必要はありません。Claude、ChatGPT、その他のAIチャットで利用できます。インストールは2分以内で完了します。\u003c\/p\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58330190119176,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/henrik-java-spring-boot-engineer-book.jpg?v=1787135602"},{"product_id":"vesna-dotnet-csharp-engineer","title":"Vesna - .NET開発者 AI Skill","description":"\u003cdiv\u003e\n\u003ch2\u003eVesnaができること\u003c\/h2\u003e\n\u003cp\u003eVesnaはClaude（またはChatGPT、その他のAIチャット）をシニア.NET\/C#バックエンドエンジニアに変えます。実際の証拠に基づいて、EF Coreのクエリ問題、DIのライフタイムバグ、非同期処理のデッドロック、Azureの統合方法を診断し、具体的ですぐに実行できる計画を提示します。\u003c\/p\u003e\n\n\u003ch3\u003e対象ユーザー\u003c\/h3\u003e\n\u003cp\u003e本番環境でASP.NET Coreサービスを運用しており、APIアーキテクチャ、EF Coreのパフォーマンス、DI、非同期処理の正確性に関する判断を適切に行う必要があるバックエンドエンジニアや創業者。\u003c\/p\u003e\n\n\u003ch3\u003e主な機能\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eAPIアーキテクチャ: 小規模で目的を絞ったサービスには最小限のAPI、フィルターやバージョニングが必要な大規模なエンドポイント群にはコントローラー\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eEntity Framework Coreのパフォーマンス: AsNoTracking、N+1の検出、分割クエリ、推測ではなく実際に生成されたSQLの確認\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e依存性の注入とミドルウェア: singleton\/scoped\/transientのライフタイム、captivedependencyバグ、正しいミドルウェアの順序\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eAsync\/awaitの正確性: .Result\/.Wait()によるデッドロックの排除、async voidの回避、キャンセレーショントークンの適切な伝播\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eAzure統合: サービスに実際に必要なものに合わせたマネージドID、Key Vault、Service Bus、Application Insights\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eテスト戦略: xUnitとMoqによる単体テストに加え、実際のパイプラインに対するWebApplicationFactory統合テスト\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e使い方\u003c\/h3\u003e\n\u003cp\u003eスキルファイルをダウンロードし、内容全体をClaudeプロジェクトの指示（または任意のAIチャットのシステムプロンプト）に貼り付けます。その後、問題を自然な言葉で説明すれば、具体的ですぐに実行できる計画が返ってきます。毎回コンテキストを説明し直す必要はありません。Claude、ChatGPT、その他のAIチャットで利用できます。インストールは2分未満で完了します。\u003c\/p\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58330190184712,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/vesna-dotnet-csharp-engineer-book.jpg?v=1787135602"},{"product_id":"callan-go-backend-engineer","title":"Callan - Golang開発者 AI Skill","description":"\u003cdiv\u003e\n\u003ch2\u003eCallanができること\u003c\/h2\u003e\n\u003cp\u003eCallanはClaude（またはChatGPT、その他のAIチャット）をシニアGoバックエンドエンジニアに変えます。実際の証拠に基づいて、ゴルーチンリーク、チャネルのデッドロック、エラーハンドリングの構造、gRPC\/RESTのトレードオフを診断し、具体的ですぐに実行できる計画を提示します。\u003c\/p\u003e\n\n\u003ch3\u003e対象ユーザー\u003c\/h3\u003e\n\u003cp\u003e本番環境でGoサービスを運用しており、並行処理、エラーハンドリング、gRPC\/REST API設計に関する意思決定を正しく行う必要があるバックエンドエンジニアや創業者。\u003c\/p\u003e\n\n\u003ch3\u003e主な機能\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eゴルーチンとチャネル: ライフサイクルの所有権、「送信側が閉じる」ルール、ワーカープール、典型的なリークパターン\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003esyncパッケージ: 実際の並行処理の問題に応じたMutex\/RWMutex、WaitGroup、sync.Once、sync\/atomicの使い分け\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eエラーハンドリングのイディオム: %wによるラップ、センチネルエラー、カスタムエラー型、文字列比較の代わりにerrors.Is\/errors.Asを使用\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eプロジェクト構成とパッケージ設計: cmd\/internal\/pkgのレイアウト、インポートサイクルの回避、コンストラクタベースの依存性注入\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003epprofによるパフォーマンスプロファイリング: CPUおよびヒーププロファイル、ゴルーチンダンプ、主張した修正を検証するベンチマーク結果（ns\/op、allocs\/op）\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003egRPCとREST APIの設計: Protocol Buffersのバージョニング、Unary RPCとストリーミングRPCの比較、サービス境界ごとに適切なプロトコルの選択\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e使い方\u003c\/h3\u003e\n\u003cp\u003eスキルファイルをダウンロードし、内容全体をClaudeのプロジェクト指示（または任意のAIチャットのシステムプロンプト）に貼り付けます。その後、問題を自然な言葉で説明すれば、具体的ですぐに実行できる計画が返ってきます。セッションごとにコンテキストを説明し直す必要はありません。Claude、ChatGPT、その他のAIチャットで利用できます。インストールは2分未満で完了します。\u003c\/p\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58330190217480,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/callan-go-backend-engineer-book.jpg?v=1787135602"},{"product_id":"merle-ruby-on-rails-engineer","title":"Merle - Ruby on Rails開発者 AI Skill","description":"\u003cdiv\u003e\n\u003ch2\u003eMerleが行うこと\u003c\/h2\u003e\n\u003cp\u003eMerleはClaude（またはChatGPT、その他のAIチャット）をシニアRuby on Railsエンジニアに変え、実際のクエリログとジョブデータからN+1クエリ、Sidekiqのリトライストーム、Railsのアップグレードリスクを診断し、具体的ですぐ実行できる計画を提示します。\u003c\/p\u003e\n\n\u003ch3\u003e対象ユーザー\u003c\/h3\u003e\n\u003cp\u003e本番環境でRailsアプリケーションを運用しており、ActiveRecordのパフォーマンス、Sidekiqの信頼性、またはアップグレード戦略について正しい判断を必要としているRailsエンジニアと創業者。\u003c\/p\u003e\n\n\u003ch3\u003e主な機能\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eRails MVCと設定より規約: 標準規約が役立つ場面と、サービスオブジェクト、フォームオブジェクト、クエリオブジェクトが実際に必要となる場面\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eActiveRecordのパフォーマンス: BulletによるN+1検出、includesとpreloadとeager_loadの使い分け、データベースのインデックス戦略\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eSidekiqのバックグラウンドジョブ: キュー設計、リトライとバックオフの挙動、リトライで二重処理が発生しないようジョブを冪等に設計する方法\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eRailsのアップグレード戦略: マイナーバージョンを一度に1つずつ更新し、先に非推奨警告を解消し、各段階でロールバック計画を用意\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eAPI専用Railsアプリケーション: シリアライゼーションの選択、バージョニング戦略、分離されたフロントエンドを支えるRails APIの認証\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eテスト戦略: RSpecのモデルスペックとリクエストスペック、簡潔なFactoryBotファクトリ、安定した少数のCapybaraシステムテスト\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e使い方\u003c\/h3\u003e\n\u003cp\u003eスキルファイルをダウンロードし、内容全体をClaudeのプロジェクト指示（または任意のAIチャットのシステムプロンプト）に貼り付けます。その後、問題を自然な言葉で説明すれば、具体的ですぐ実行できる計画が返されます - セッションごとに背景を説明し直す必要はありません。Claude、ChatGPT、その他のAIチャットで利用できます。インストールは2分以内で完了します。\u003c\/p\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58330190250248,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/merle-ruby-on-rails-engineer-book.jpg?v=1787135602"},{"product_id":"ludovic-kubernetes-container-platform-engineer","title":"Ludovic - Kubernetesエンジニア AI Skill","description":"\u003cdiv\u003e\n\u003ch2\u003eLudovicの機能\u003c\/h2\u003e\n\u003cp\u003eLudovicは、Claude（またはChatGPT、その他のAIチャット）を、実際のクラスターシグナルからCrashLoopBackOff、OOMKilled、自動スケーリングの問題を診断し、具体的ですぐに適用できる計画を提示するシニアKubernetes\/コンテナプラットフォームエンジニアへと変えます。\u003c\/p\u003e\n\n\u003ch3\u003e対象ユーザー\u003c\/h3\u003e\n\u003cp\u003e本番Kubernetesクラスターを運用しており、リソースサイズの設定、自動スケーリング、Helm、GitOps、インシデント診断に関する判断を正しく行う必要があるプラットフォームエンジニアや創業者。\u003c\/p\u003e\n\n\u003ch3\u003e主な機能\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eKubernetesの基本アーキテクチャ: Pod、DeploymentとStatefulSetとDaemonSetの違い、Service、Ingressルーティング\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eリソースのrequests、limits、自動スケーリング: 実測使用量に基づくサイズ設定と、実際に負荷を反映するメトリクスに応じたHPAとVPAの選択\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eHelmチャート設計: テンプレート構成と、環境間で実際に変わるものだけを保持するvaluesファイルの階層構造\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eGitOpsデプロイパターン: チームが実際に変更を昇格させる方法に合わせたArgoCD\/Fluxの同期ポリシーとリポジトリ構成\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eクラスターのネットワーキング: デフォルト拒否のネットワークポリシー、Ingress\/TLS終端、サービスメッシュが運用コストに見合う実際のケース\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eオブザーバビリティとインシデント診断: Prometheus\/Grafanaによるアラートと、kubectl describeおよび終了コードからCrashLoopBackOffとOOMKilledを見分ける方法\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e使い方\u003c\/h3\u003e\n\u003cp\u003eスキルファイルをダウンロードし、その全文をClaudeプロジェクトの指示（または任意のAIチャットのシステムプロンプト）に貼り付けます。その後、問題を自然な言葉で説明すれば、具体的ですぐに実行できる計画が返されます。毎回コンテキストを説明し直す必要はありません。Claude、ChatGPT、その他のAIチャットで利用できます。インストールは2分未満で完了します。\u003c\/p\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58330191757576,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ludovic-kubernetes-container-platform-book.jpg?v=1787135602"},{"product_id":"ezra-aws-solutions-architect","title":"Ezra - AWSソリューションアーキテクト AI Skill","description":"\u003cdiv\u003e\n\u003ch2\u003eEzraの機能\u003c\/h2\u003e\n\u003cp\u003eEzraはClaude（またはChatGPT、その他のAIチャット）を、AWS Well-Architected Frameworkに照らしてワークロードをレビューし、実際の利用データからコスト、セキュリティ、信頼性の問題を診断したうえで、具体的ですぐ実行できる計画を提示するシニアAWSソリューションアーキテクトに変えます。\u003c\/p\u003e\n\n\u003ch3\u003e対象ユーザー\u003c\/h3\u003e\n\u003cp\u003e正しいコンピューティング\/データベースサービスの選定、コスト最適化、VPC設計、IAMの判断を必要とする、AWSワークロードを運用する創業者やエンジニアリングリード。\u003c\/p\u003e\n\n\u003ch3\u003e主な機能\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e実際のリスクとコストへの影響度に基づいて優先順位を付けた、6つすべての柱にわたるWell-Architected Frameworkレビュー\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eコンピューティングサービスの選定: ワークロードの実際のトラフィックパターンとアイドル時のコスト特性に合わせたEC2、ECS\/Fargate、Lambdaの比較\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eデータベースサービスの選定: アクセスパターンがリレーショナル型か、既知で安定したキーバリュー形式かに応じたRDSとDynamoDBの比較\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eすべてをStandardに置いたままにせず、データを自動的に下位のストレージ階層へ移行するS3ストレージクラス戦略とライフサイクルポリシー\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eVPCネットワークとセキュリティグループの設計: 0.0.0.0\/0ではなく最小権限の範囲に限定し、階層ごとにサブネットを分割\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eコスト最適化: 実際の利用データに基づくリザーブドインスタンス、Savings Plans、Spotの比較と、IAM最小権限ポリシーのレビュー\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e使い方\u003c\/h3\u003e\n\u003cp\u003eスキルファイルをダウンロードし、その全内容をClaudeのプロジェクト指示（または任意のAIチャットのシステムプロンプト）に貼り付けます。その後、問題を自然な言葉で説明すれば、具体的ですぐ実行できる計画が返ってきます。セッションごとに背景を説明し直す必要はありません。Claude、ChatGPT、その他のAIチャットで利用できます。インストールは2分以内で完了します。\u003c\/p\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58330191790344,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ezra-aws-solutions-architect-book.jpg?v=1787135603"},{"product_id":"ariadne-unity-game-developer","title":"Ariadne - Unityゲーム開発者 AI Skill","description":"\u003cdiv\u003e\n\u003ch2\u003eAriadneができること\u003c\/h2\u003e\n\u003cp\u003eAriadneは、Claude（またはChatGPT、その他のAIチャット）をシニアUnityゲーム開発者に変えます。Unity ProfilerとBuild Reportのデータから、フレームのカクつき、ガベージコレクションのスパイク、ビルドサイズの肥大化を診断し、具体的ですぐ実行できる計画を提示します。\u003c\/p\u003e\n\n\u003ch3\u003e対象ユーザー\u003c\/h3\u003e\n\u003cp\u003eモバイル、PC、コンソール向けに本番環境のUnityタイトルをリリースしており、アーキテクチャ、パフォーマンス、ビルドサイズに関する判断を正しく行う必要があるゲーム開発者やスタジオ。\u003c\/p\u003e\n\n\u003ch3\u003e主な機能\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eアーキテクチャ: データ駆動設計にはScriptableObjectsを使用し、新しい敵やアイテムの種類には深い継承よりもコンポジションを採用\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eUnity Profilerの診断: CPU\/GPUのフレームタイムラインを読み取り、スパイクの原因をScripts、Rendering、Physics、GCのいずれかに絞り込み\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eガベージコレクションのスパイク: フレームごとのメモリ割り当て（Update内のLINQ、ボックス化、文字列連結）をソースコードの行まで追跡\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eドローコールのバッチングとレンダリング: 静的\/動的バッチング、GPUインスタンシング、テクスチャアトラス化によってマテリアルの切り替えを削減\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e物理演算と衝突の最適化: 最も負荷の低いコライダー形状、レイヤー衝突マトリクス、フレームごとのレイキャスト回避\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eゲームプレイシステムとプラットフォーム調整: AI\/キャラクターコントローラーにはステートマシンを使用し、モバイルとPC\/コンソールでビルドサイズおよび品質設定を最適化\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e使い方\u003c\/h3\u003e\n\u003cp\u003eスキルファイルをダウンロードし、その全内容をClaudeプロジェクトの指示（または任意のAIチャットのシステムprompt）に貼り付けます。その後、問題を自然な言葉で説明すれば、具体的ですぐ実行できる計画が返されます。セッションごとに背景を説明し直す必要はありません。Claude、ChatGPT、その他のAIチャットで利用できます。インストールは2分未満です。\u003c\/p\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58330191855880,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ariadne-unity-game-developer-book.jpg?v=1787135629"},{"product_id":"warrick-staff-principal-engineer","title":"Warrick - プリンシパルエンジニア AI Skill","description":"\u003cdiv\u003e\n\u003ch2\u003eWarrickの機能\u003c\/h2\u003e\n\u003cp\u003eWarrickはClaude（またはChatGPT、その他のAIチャット）を、システムを評価する前にあらゆるレイヤーを横断して把握し、意思決定をADRとして記録し、浅い回答ではなく、深い技術的な質問を専門分野に合ったスペシャリストへ名前を挙げて振り分けるスタッフ\/プリンシパルソフトウェアエンジニアに変えます。\u003c\/p\u003e\n\n\u003ch3\u003e対象ユーザー\u003c\/h3\u003e\n\u003cp\u003e単一の言語やプラットフォームではなく、コードベース全体または組織全体を対象に、システム全体のアーキテクチャレビュー、ADR、内製か購入かの判断、技術的負債の優先順位付けを必要とするCTO、エンジニアリングリード、スタッフエンジニア。\u003c\/p\u003e\n\n\u003ch3\u003e主な機能\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eシステムレベルのアーキテクチャレビュー: サービス境界、データの所有権、フロントエンド\/バックエンド\/インフラ間の結合、コンポーネントを一体として見たときに初めて明らかになるスケーリングのボトルネック\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eアーキテクチャ決定記録（ADR）: コンテキスト、実質的な選択肢の一覧、決定、結果を、1年後も役立つ形式で記録\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eチーム横断の技術戦略: 共通の方向性に沿ってロードマップを調整し、単一のチームだけが過大なコストを負担しないよう、横断的な取り組みの順序を策定\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e内製か購入かのトレードオフ分析: 目先の価格だけでなく、2-3年間の総保有コストを分析\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e技術的負債の優先順位付け: 最も声を上げた人の意見で順位を決めるのではなく、遅延コストと影響範囲をスコアリング\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eメンタリングとレベル判定の指針: レベル定義に照らして実証された行動を評価し、次のレベルに進むための具体的な成長ポイントを提示\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e使い方\u003c\/h3\u003e\n\u003cp\u003eスキルファイルをダウンロードし、全文をClaudeのプロジェクト指示（または任意のAIチャットのシステムプロンプト）に貼り付けます。その後、問題を自然な言葉で説明すれば、具体的ですぐ実行できる計画が返ってきます - セッションごとにコンテキストを説明し直す必要はありません。Claude、ChatGPT、その他のAIチャットで利用できます。インストールは2分未満です。\u003c\/p\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58330191888648,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/warrick-staff-principal-engineer-book.jpg?v=1787135630"},{"product_id":"cyprian-react-native-cross-platform-engineer-ai-skill","title":"キプリアン - React Native開発者 AI Skill","description":"\u003ch2\u003e1行も触れる前に、React NativeのバグがJavaScript、ブリッジ、ネイティブコードのどこにあるのかを突き止めます。\u003c\/h2\u003e\n\u003cp\u003eCyprianは、React Nativeプロジェクトで問題が起きやすい具体的な箇所に対応するために作られた、シニアReact Nativeクロスプラットフォームモバイルエンジニアのスキルです。ブリッジ\/JSIの境界を過剰に、またはクリーンアップなしで何度も越えているケース、実際の制約ではなく習慣でExpoとbareの選択をしているケース、プロファイルではなく推測でFlatListを調整しているケース、そしてネイティブの変更を配信できないのに静かに配信できると約束してしまうOTAアップデートに対応します。Old ArchitectureとNew Architectureの違い（ブリッジ、JSI、Fabric、TurboModules）、SwiftとKotlinへのネイティブモジュールのブリッジング、React Navigationと状態管理の選択、FlatList\/FlashListのパフォーマンスチューニング、Hermesエンジンの挙動、CodePush\/Expo Updatesの展開戦略、アプリストアへの申請手順をカバーします。\u003c\/p\u003e\n\u003ch3\u003e対象者\u003c\/h3\u003e\n\u003cp\u003eモバイルエンジニアリングリード、React Native開発者、そして単一のJavaScript\/TypeScriptコードベースをApp StoreとPlay Storeの両方に出荷するチーム。\u003c\/p\u003e\n\u003ch3\u003e主な機能\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e修正案を提示する前に、症状がJSとネイティブの境界のどちら側にあるのか（純粋なJSの再レンダリング、ブリッジ\/シリアライズ、またはネイティブ側）を特定します。\u003c\/li\u003e\n  \u003cli\u003eブリッジ関連の診断を行う前に、Old ArchitectureとNew Architectureのどちらか（newArchEnabled、RNバージョン）を確認します。\u003c\/li\u003e\n  \u003cli\u003e「念のためbare」ではなく、実際に必要なネイティブ機能や選択を強いる制約に基づいて、Expo managed、Expo prebuild、bare workflowのいずれかを決定します。\u003c\/li\u003e\n  \u003cli\u003eFlipperまたはReact DevTools Profilerでプロファイリングした後にのみ、FlatListのパフォーマンス（getItemLayout、keyExtractor、windowSize）を調整するか、FlashListへの移行を提案します。\u003c\/li\u003e\n  \u003cli\u003eJSのみの修正はCodePushまたはExpo Updatesに、ネイティブの変更は完全なストアビルドに振り分け、同日OTA修正を約束する前に変更がどちらに該当するかを明示します。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e使い方\u003c\/h3\u003e\n\u003cp\u003eCyprianのSKILL.mdをClaude Project Instructions（または任意のAIのシステムプロンプト）に貼り付けてから、React Nativeクロスプラットフォームエンジニアリングの問題を説明してください。Claude、ChatGPT、その他のAIチャットで利用できます。インストールは2分以内です。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58342395805960,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/cyprian-react-native-cross-platform-engineer-book.jpg?v=1787135631"},{"product_id":"zosia-vue-js-nuxt-frontend-engineer-ai-skill","title":"ゾシア - Vue開発者 AI Skill","description":"\u003ch2\u003eVueのリアクティビティシステムを、Reactの再レンダリングモデルのように扱うのはやめましょう。\u003c\/h2\u003e\n\u003cp\u003eZosiaは、Vueの実際のメンタルモデルを基盤にしたSenior Vue.js\/Nuxt Frontend Engineerスキルです。細粒度のプロキシベースのリアクティビティシステム、単一ファイルコンポーネント、依存配列を使うフックではなくコンポーザブルを中心に構築されたComposition APIを扱います。Composition APIのアーキテクチャとコンポーザブル設計、リアクティビティシステム（ref、reactive、computedのキャッシュ、watcher）、Piniaによる状態管理、Nuxtのレンダリング戦略（SSR、SSG、NitroのrouteRulesによるハイブリッドレンダリング）、ファイルベースルーティングとレイアウト、SEO\/メタデータ管理、Vitest\/Vue Test Utilsによるテスト、Vue 2から3への移行やOptions APIからComposition APIへの移行をカバーします。\u003c\/p\u003e\n\u003ch3\u003e対象者\u003c\/h3\u003e\n\u003cp\u003eVueおよびNuxtのフロントエンドエンジニア、Vue 2やOptions APIから移行するチーム。\u003c\/p\u003e\n\u003ch3\u003e主な機能\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e「リアクティビティのバグ」を調べる際、ほかの箇所を見る前に、reactive()オブジェクトの分割代入、.valueのアンラップ漏れ、リアクティブコンテキスト外での依存値の読み取りがないかを確認します。\u003c\/li\u003e\n  \u003cli\u003eローカル状態を持つコンポーザブルでは本当に対応できないことを確認してから、Piniaストアを推奨します。\u003c\/li\u003e\n  \u003cli\u003eアプリ全体に1つのグローバルモードを適用するのではなく、routeRulesを使ってルートごとにNuxtのレンダリング戦略（SSR、SSG、ハイブリッド）を選択します。\u003c\/li\u003e\n  \u003cli\u003eHydrationの不一致を、ClientOnlyで一律に囲むのではなく、実際のサーバー\/クライアント間の差異（クライアント専用の値、非決定的なコンテンツ）まで掘り下げて診断します。\u003c\/li\u003e\n  \u003cli\u003eテスト対象のコンポーザブル、ストア、コンポーネントにおける実際のリスクに範囲を絞って、VitestとVue Test Utilsのテストカバレッジを構築します。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e使い方\u003c\/h3\u003e\n\u003cp\u003eZosiaのSKILL.mdをClaude Project Instructions（または任意のAIシステムプロンプト）に貼り付け、その後、vue.js\/nuxtフロントエンドエンジニアとしての課題を説明してください。Claude、ChatGPT、その他あらゆるAIチャットで利用できます。インストールは2分以内で完了します。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58342395838728,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/zosia-vue-js-nuxt-frontend-engineer-ai-skill-book.jpg?v=1787135630"},{"product_id":"fenwick-angular-enterprise-frontend-engineer-ai-skill","title":"フェンウィック - Angular開発者 AI Skill","description":"\u003ch2\u003e実際に何が再レンダリングされているのかを把握するまで、OnPushを追加しないでください。\u003c\/h2\u003e\n\u003cp\u003eFenwickは、グリーンフィールドのアプリではなく、5年前から運用され、40人のコントリビューターが関わるAngularモノリス向けに構築された、シニアAngularエンタープライズフロントエンドエンジニアのスキルです。モジュール方式とスタンドアロン方式のアーキテクチャ、依存性注入の階層、RxJSのリアクティブパターンとサブスクリプションリークの修正、変更検知戦略とOnPushの最適化、NgRxと代替の状態管理、Angular CLIのビルド最適化、リアクティブフォームとテンプレート駆動フォーム、TestBedを使ったJasmine\/Karmaテスト、Module Federationのマイクロフロントエンド、長期サポート版へのアップグレード計画を扱います。\u003c\/p\u003e\n\u003ch3\u003e対象者\u003c\/h3\u003e\n\u003cp\u003e大規模なエンタープライズAngularコードベースを保守するAngularテックリードとエンジニア。\u003c\/p\u003e\n\u003ch3\u003e主な能力\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e「遅いコンポーネント」に手を加える前に、RxJSパイプラインをソースからすべてのオペレーター、すべてのサブスクリプションとその破棄処理まで、最初から最後まで追跡します。\u003c\/li\u003e\n  \u003cli\u003eどちらに問題があるかを推測するのではなく、変更検知の問題と状態管理の問題を切り分けます。\u003c\/li\u003e\n  \u003cli\u003e最も重いツールを最初から選ぶのではなく、実際の状態共有の問題の形に応じて、NgRx、ローカルのComponentStore、または単純なサービスを選択します。\u003c\/li\u003e\n  \u003cli\u003eネストしたsubscribeチェーンを、適切なRxJSの結合オペレーター（switchMap、combineLatest）と実効性のある破棄戦略を使って書き換えます。\u003c\/li\u003e\n  \u003cli\u003e各段階で検証ステップとロールバック計画を設けたうえで、Module Federationの分割とメジャーバージョンのLTSアップグレードを段階的に進めます。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e使い方\u003c\/h3\u003e\n\u003cp\u003eFenwickのSKILL.mdをClaude Project Instructions（または任意のAIシステムプロンプト）に貼り付けてから、Angularエンタープライズフロントエンドエンジニアとしての問題を説明してください。Claude、ChatGPT、その他のAIチャットで利用できます。インストールは2分以内で完了します。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58342396068104,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/fenwick-angular-enterprise-frontend-engineer-book.jpg?v=1787135630"},{"product_id":"ottokar-typescript-node-js-backend-engineer-ai-skill","title":"オットカー - Node.js開発者 AI Skill","description":"\u003ch2\u003eデータベースのせいにする前に、イベントループを実際にブロックしている原因を突き止めましょう。\u003c\/h2\u003e\n\u003cp\u003eOttokarは、Nodeのシングルスレッドでイベント駆動のランタイムを中心的な設計上の前提とする、シニアTypeScript\/Node.jsバックエンド・APIエンジニアのスキルです。NestJSとExpressのアーキテクチャ比較、tRPCとzodによるエンドツーエンドの型安全性、RESTおよびGraphQL API設計、PrismaとTypeORMによるデータベースアクセス、JWTとセッションの認証方式の比較、Jest\/Supertestによるテスト、ワーカースレッドとクラスタリング、コンテナ化またはサーバーレスでのデプロイを扱います。\u003c\/p\u003e\n\u003ch3\u003e対象者\u003c\/h3\u003e\n\u003cp\u003eTypeScriptおよびNode.jsのバックエンドエンジニア、APIチーム。\u003c\/p\u003e\n\u003ch3\u003e主な機能\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e遅いAPIがデータベースやインフラの問題だと決めつける前に、非同期リクエスト経路にある同期処理またはCPU負荷の高い処理をプロファイリングします。\u003c\/li\u003e\n  \u003cli\u003eトレンドではなく、チームの規模とチームが実際に求める強制的な構造の度合いに基づいて、NestJSまたはExpressを選択します。\u003c\/li\u003e\n  \u003cli\u003eリクエストとレスポンスの型をコードファースト（tRPC、zod、class-validator）で定義し、本番環境ではなくコンパイル時またはバリデーション時にコントラクト違反を検出します。\u003c\/li\u003e\n  \u003cli\u003eリストを返すエンドポイントをリリースする前に、イーガーローディング、includes、またはdataloaderを使ってORM層でN+1クエリのパターンを検出します。\u003c\/li\u003e\n  \u003cli\u003e認証がステートレス（JWT）なのかステートフル（セッション）なのかを明示し、それがサービスのスケーリング要件と失効要件に適している理由を説明します。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e使用方法\u003c\/h3\u003e\n\u003cp\u003eOttokarのSKILL.mdをClaude Project Instructions（または任意のAIシステムプロンプト）に貼り付けてから、typescript\/node.jsバックエンドエンジニアリングの問題を説明してください。Claude、ChatGPT、その他のAIチャットで利用できます。インストールは2分未満で完了します。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58342396100872,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ottokar-typescript-node-js-backend-engineer-book.jpg?v=1787135631"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/collections\/claude-code-skills.jpg?v=1787735998","url":"https:\/\/kissmyskills.com\/ja\/collections\/claude-code-skills.oembed?page=2","provider":"KissMySkills","version":"1.0","type":"link"}