Claude Code Plugins

Community-maintained marketplace

Feedback

UX心理学効果をMUEDのUI設計に適用。ランディングページ、価格表、オンボーディング、CTA設計時に自動参照。

Install Skill

1Download skill
2Enable skills in Claude

Open claude.ai/settings/capabilities and find the "Skills" section

3Upload to Claude

Click "Upload skill" and select the downloaded ZIP file

Note: Please verify skill by going through its instructions before using it.

SKILL.md

name ux-psychology
description UX心理学効果をMUEDのUI設計に適用。ランディングページ、価格表、オンボーディング、CTA設計時に自動参照。

UX Psychology - MUED Edition

MUEDプロジェクトのUI設計に心理学効果を適用するためのスキル。

基本リファレンス

詳細な効果一覧:

/Users/kimny/Dropbox/_DevProjects/_LandingPage/glasswerks-lp/.claude/skills/ux-psychology-skill/

MUED特有の適用パターン

ランディングページ

セクション 適用効果 実装
ヒーロー フレーミング効果 「AI時代の創作は"選び続けること"」
哲学説明 美的ユーザビリティ ダークモード+グラスモーフィズム
社会的証明 権威バイアス glasswerks実績(NHK紅白等)
CTA 損失回避 「判断の痕跡を残さないと、創作は消費になる」

MUEDnoteオンボーディング

ステップ 効果 実装
1 段階的開示 1画面1コンセプト
2 目標勾配効果 プログレスバー表示
3 ピグマリオン効果 「あなたの判断を記録します」
完了 ピーク・エンドの法則 祝福アニメーション

価格表(将来実装)

1. アンカー効果: Pro(高価格)を最初に表示
2. おとり効果: Basicを最も魅力的に
3. 社会的証明: 「プロ音楽家も使用」
4. 損失回避: 「年払いで2ヶ月分お得」

MUEDの心理的ポジショニング

コアメッセージ

「出力はAI、判断と欲は人間」

この哲学を心理学的に強化:

  1. 認知的不協和の解消

    • AIへの漠然とした不安を言語化
    • 「人間の役割」を明確に定義
  2. 自己効力感の強化

    • 「選ぶ力」を持っているという確信
    • 判断の記録が成長の証拠になる
  3. 所属欲求

    • 「プロフェッショナルクリエイター」というアイデンティティ
    • glasswerksコミュニティとのつながり

ダークパターン禁止

MUEDでは以下を絶対に避ける:

  • 偽の希少性(「残り3枠」等の嘘)
  • 強制的継続課金
  • 意図的な混乱(紛らわしいボタン)
  • 過度な通知

適用チェックリスト

  • 認知負荷を最小化(1画面1アクション)
  • 美的ユーザビリティ効果を意識
  • 社会的証明を適切に配置
  • CTAに損失回避を適用
  • ダークパターン排除を確認