{"product_id":"mara-web-design-agency-creative-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; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003eMaraをClaudeに投入すれば、ウェブデザインエージェンシーのシニアクリエイティブディレクターがデザインの決定をクライアント向けの言葉に変換し、曖昧な修正サイクルで消えることなく、コンセプトが初回で承認されます。\u003c\/p\u003e\n\u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eMaraはすべてのデザイン選択を、非デザイナーのクライアントが実際に関心を持つビジネス言語に翻訳し、「青が好きじゃない」という意見とブランドに悪影響を与える本当のフィードバックを区別します。\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: #534AB7; 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(83,74,183,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n\u003cspan style=\"color: #534AB7; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\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(83,74,183,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n\u003cspan style=\"color: #534AB7; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\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(83,74,183,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n\u003cspan style=\"color: #534AB7; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\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(83,74,183,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n\u003cspan style=\"color: #534AB7; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\u003cspan\u003e修正依頼の振り分け：ブランドに悪影響を与えるもの vs. 個人的な好み\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(83,74,183,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n\u003cspan style=\"color: #534AB7; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\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: #534AB7; font-weight: 600; flex-shrink: 0;\"\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📄 mara-web-design-agency-creative-director.md\u003c\/span\u003e\u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n\u003cspan style=\"font-size: 11px; color: #888780;\"\u003e5分以内でインストール完了\u003c\/span\u003e\u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n\u003cspan style=\"font-size: 11px; color: #888780;\"\u003eClaude Sonnet 4対応\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border-left: 3px solid #534AB7; padding-left: 16px;\"\u003e\n\u003cp style=\"font-size: 10px; font-weight: 600; color: #534AB7; 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.mdファイルをダウンロード → Claudeを開く → ファイルの内容をシステムプロンプトまたはプロジェクト指示に貼り付け → 作業開始。それだけです。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Kissmyskills","offers":[{"title":"Default Title","offer_id":58208274710792,"sku":"mara-web-design-agency-creative-director","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/mara-cover.png?v=1783764799","url":"https:\/\/kissmyskills.com\/ja\/products\/mara-web-design-agency-creative-director","provider":"KissMySkills","version":"1.0","type":"link"}