{"title":"UXデザイナーおよびリサーチャー向けClaude Skills","description":"\u003cp\u003eUXデザイナー、プロダクトデザイナー、UXリサーチャー向けのClaudeスキル。.md形式の設定ファイルをダウンロードして、リサーチ計画、ユーザビリティの調査結果、インターフェースのコピー、デザインレビューに活用できます。すぐにダウンロードでき、30日間の返金保証付きです。\u003c\/p\u003e","products":[{"product_id":"david-ux-writer-ai-skill","title":"David - UXライター 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 DavidをClaudeに追加すれば、デジタルプロダクトを操作するユーザーが目にするすべての言葉を書くシニアUXライターを手に入れられます。ボタンラベル、オンボーディングフロー、エラーメッセージ、空の状態、ツールチップ、プッシュ通知、フォームフィールドのコピー、そしてユーザーが次に何をすればよいかを常に正確に把握できるため、インターフェースをほとんど意識させなくするプロダクトコンテンツのスタイルガイドまで対応します。\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 質の低いUXライティングは、混乱やエラー、離脱、サポートへの問い合わせを生みます。優れたUXライティングは、ほとんど意識されません。Davidは、Claude形式で利用できる、精度を重視したAI UXライティングツールの一つです。決して破らない3つの原則に基づいて構築されています。何であるかではなく何をするかを伝える（「送信」ではなく「変更を保存」）、システムの操作ではなくユーザーの目的に合わせて書く（「アカウント作成プロセスが正常に完了しました」ではなく「アカウントを利用できます」）、そしてユーザーがエラーメッセージを読まなければならない時点でプロダクトはすでにユーザーを失望させているため、修正方法をすぐに、わかりやすく示すこと。すべてのボタンラベルや重要なUIコピーについて、測定可能な影響を持つデザイン上の意思決定だからこそ、3つ以上の選択肢を提示します。\n \u003c\/p\u003e\n \u003cdiv style=\"background: #EEEDFE; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #4F46E5; 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(79,70,229,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #4F46E5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eマイクロコピーとUIテキスト - ボタンとCTAのラベル案（各要素につき3つ以上のバリエーション）、ナビゲーション項目とメニューラベル、プロダクトインターフェース内のページタイトルと見出し、ツールチップとコンテキストヘルプのテキスト、読み込み状態のメッセージ、モーダルとダイアログボックスのコピー、ラベル、プレースホルダー、ヘルパーテキストを含むフォームフィールドのコピー\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(79,70,229,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #4F46E5; 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(79,70,229,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #4F46E5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eオンボーディングフローのコピー - 新規ユーザー向けの画面ごとのオンボーディングコピー、機能紹介と発見を促すコピー、ウォークスルーとチュートリアルのテキスト、アプリがアクセスを必要とする理由を説明する権限リクエストの理由、そしてプレッシャーをかけずに最初の行動を促す空の状態のprompts\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(79,70,229,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #4F46E5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eプロダクトコンテンツのスタイルガイドと用語 - プロダクト固有のコンテンツスタイルガイドのセクション、プロダクト全体で一貫したラベル付けを徹底する用語集、既存インターフェースのUXコピー監査と具体的な書き換え提案、GDPRに配慮した同意文言とデータ収集通知のコピー\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(79,70,229,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #4F46E5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eヘルプとサポートのコンテンツ - ヘルプセンター記事の草案、プロダクト内のヘルプとガイダンスのコピー、サポート状況向けのチャットボットスクリプト、複雑なプロダクト機能向けのナレッジベースコンテンツ、よくあるユーザーの混乱ポイントでのサポートチケット数を減らすよう構成されたFAQコンテンツ\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: #4F46E5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eアプリストア掲載用コピー - iOSおよびAndroidのApp Storeのタイトル、説明、スクリーンショットのキャプションコピー、アクセシビリティを考慮した代替テキストの基準、プロダクトインターフェースのインクルーシブな表現のレビュー、オンボーディングとアクティベーションフローの重要なコンバージョンポイント向けA\/Bコピー検証フレームワーク\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📄 david-ux-writer-ai-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;\"\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 #4F46E5; padding-left: 16px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #4F46E5; 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に貼り付ける → 商品タイプ、ユーザーの状況、作成または監査してほしいUIコピーを共有する → Davidが明確で簡潔、ユーザー中心のコピーをすぐに作成します。\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-top: 1px solid #E8E6E0; margin-top: 24px; padding-top: 20px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #4F46E5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 10px 0; font-family: 'DM Mono', monospace;\"\u003e\/\/ ボーナス：promptテンプレート付き\u003c\/p\u003e\n \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n このスキルには、単独の\u003cstrong\u003eAI UX Writing Generator\u003c\/strong\u003e prompt（以前は別売）が追加されました。13種類のUI領域（ボタン、エラー、空の状態、モーダル、フォーム、通知、ペイウォールなど）のマイクロコピーを網羅する、貼り付けてすぐ使えるテンプレートです。すべてのコピー判断の根拠も含まれています。Davidによる完全な監査とスタイルガイドの幅広い内容が必要ない、単発のUI領域をすばやく作成したい場合に使えます。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":57637861196040,"sku":"david-ux-writer-ai-skill","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/david-ux-writer-ai-skill-book.jpg?v=1787132153"},{"product_id":"denholm-ux-ui-product-designer","title":"Denholm - UX\/UIデザイナー 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;\"\u003eDenholmをClaudeに追加すれば、ビジュアルに触れる前にフローを改善するSenior UX\/UI Product Designerが得られます。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eDenholmは、ユーザーフローのマッピング、ワイヤーフレーム作成、インタラクションとマイクロインタラクションの設計、アクセシビリティ、デザインシステム、開発者への引き継ぎ用仕様をカバーします。\u003c\/p\u003e\n \u003cdiv style=\"background: #F8E7F5; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #A8248E; 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(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; 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(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; 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(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; 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:#A8248E; 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📄 denholm-ux-ui-product-designer.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 #A8248E; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#A8248E; 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に貼り付ける → 要件を説明する → Denholmが回答を作成します。実際に何が得られるのか正確にわかる、完全な実例付きです。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58329007194376,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/denholm-ux-ui-product-designer-1.png?v=1789463474"},{"product_id":"melisande-ux-researcher","title":"メリサンド - UX Researcher 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;\"\u003eMelisandeをClaudeに導入すれば、チームがユーザーについて想定していることではなく、ユーザーが実際に何をし、何を言うかに基づいて、あらゆるデザイン上の意思決定を行うシニアUXリサーチャーを得られます。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eMelisandeは調査サイクル全体をカバーします。回答を誘導しないディスカッションガイドを用いたユーザーインタビューの設計とモデレーション、実際の問いと制約に合わせたモデレーテッドおよびアンモデレーテッドのユーザビリティテスト、確認ではなく測定を行うアンケート設計、実際のセッションや発言まで追跡できる生の調査データからのインサイトの統合、そしてステークホルダーのメンタルモデルではなく観察されたデータに基づくペルソナとカスタマージャーニーマップの作成です。\u003c\/p\u003e\n \u003cdiv style=\"background: #F8E7F5; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #A8248E; 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(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e1件目のセッションを実施する前に、ディスカッションガイドを誘導的な表現がないか監査\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; 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(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; 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:#A8248E; 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📄 melisande-ux-researcher.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 #A8248E; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#A8248E; 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をプロジェクトの指示またはシステムプロンプトに貼り付ける → 要件を説明する → Melisandeが回答を作成します。完成例も収録されているので、どのような成果物が得られるかを正確に確認できます。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58367790285064,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/melisande-ux-researcher-1.png?v=1789463475"},{"product_id":"vashti-design-systems-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;\"\u003eVashtiをClaudeに追加すれば、ボタンをゼロから作り直すことなく、すべてのプロダクトチームが一貫してリリースできるトークンとコンポーネントの基盤を構築する、シニアデザインシステムアーキテクトが得られます。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eVashtiはデザインシステムの領域全体をカバーします。アトミックデザインの原則に基づくデザインシステムアーキテクチャ、カラー・スペーシング・タイポグラフィのスケール全体にわたるデザイントークン構造、実際の使用ガイドラインを含むコンポーネントドキュメント、契約書として記述されたデザインから開発への引き継ぎ基準、そして実際の監査頻度で差異を検知する導入・ガバナンスまで対応します。\u003c\/p\u003e\n \u003cdiv style=\"background: #F8E7F5; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #A8248E; 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(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e構築前にすべてのコンポーネントのアトミック階層を命名（atom\/molecule\/organism）\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; 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(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e引き継ぎ基準を、16進コードや都合のよい成功例ではなく、トークン名と状態として規定\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:#A8248E; 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📄 vashti-design-systems-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、その他のAIチャットで利用可能\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #A8248E; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#A8248E; 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をプロジェクトの指示またはシステムプロンプトに貼り付ける → 要件を説明する → Vashtiが回答を構築します。得られるものを正確に確認できる、完全な実例付きです。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58367794610440,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/vashti-design-systems-architect-1.png?v=1789463475"},{"product_id":"ozymandias-visual-product-design-systems-director","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;\"\u003eOzymandiasをClaudeに導入すると、1つの画面、撮影、または紙面だけでなく、デザイン機能そのものを改善するシニア・ビジュアル＆プロダクト・デザインシステムズ・ディレクターが得られます。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eOzymandiasは、Creative、Content \u0026amp; Designのチームにおけるビジュアルとプロダクトの領域全体で調整レイヤーを担います。ブランドの信頼できる情報源に照らして、顧客向けのあらゆる対象における現在のビジュアル言語を監査し、文書化されているのに従われていないデザインシステムの背後にあるガバナンスの欠落を見つけ、実際のレビュアー権限を持つ段階に適した批評プロセスを設計し、実際の業務の流れに合わせてデザインチームを構成し、すべてを一度に直そうとせず、対象間の一貫性を高める取り組みを順序付けます。\u003c\/p\u003e\n \u003cdiv style=\"background: #F8E7F5; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #A8248E; 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(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; 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(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; 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(168,36,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A8248E; 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:#A8248E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eすべてのデザイン対象に、明確な所有者を1人だけ正確に割り当て、重複や担当者不在を明示的に解消\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📄 ozymandias-visual-product-design-systems-director.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 #A8248E; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#A8248E; 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をプロジェクトの指示またはシステムプロンプトに貼り付ける → 要件を説明する → Ozymandiasが回答を構築します。得られるものを正確に確認できる、完全な実例も含まれています。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58367851004168,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ozymandias-visual-product-design-systems-director-1.png?v=1789463475"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/collections\/ux-designer-skills.jpg?v=1787735970","url":"https:\/\/kissmyskills.com\/ja\/collections\/ux-designer-skills.oembed","provider":"KissMySkills","version":"1.0","type":"link"}