·visual-cues-cta-psychology
</>

visual-cues-cta-psychology

flpbalada/my-opencode-config

視覚的注意と視線心理学の原則を使用して、効果的な CTA を設計します。ランディング ページ、ボタン階層、コンバージョン要素を設計する場合、またはインターフェイスを介したユーザーの注意の流れを最適化する場合に使用します。

6インストール·1トレンド·@flpbalada

インストール

$npx skills add https://github.com/flpbalada/my-opencode-config --skill visual-cues-cta-psychology

SKILL.md

Visual cues leverage human attention and perception to guide user behavior and direct focus toward specific elements. Understanding how the visual system processes information enables designers to create more effective call-to-action experiences.

| Red | Urgency, excitement, action | Limited time, important CTAs | | Orange | Friendly, confident, action | Sign ups, free trials | | Green | Safety, "go", growth | Positive actions, eco | | Blue | Trust, calm, professional | B2B, financial, trust-based | | Purple | Premium, creative | Luxury, creative products |

| Cognitive Load | Visual cues reduce decision effort | | Hick's Law | Clear hierarchy reduces choice paralysis | | Trust Psychology | Gaze toward trust signals builds confidence | | Progressive Disclosure | Visual flow reveals info gradually | | Social Proof | Direct attention to testimonials |

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/flpbalada/my-opencode-config --skill visual-cues-cta-psychology
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

visual-cues-cta-psychology とは?

視覚的注意と視線心理学の原則を使用して、効果的な CTA を設計します。ランディング ページ、ボタン階層、コンバージョン要素を設計する場合、またはインターフェイスを介したユーザーの注意の流れを最適化する場合に使用します。 ソース: flpbalada/my-opencode-config。

visual-cues-cta-psychology のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/flpbalada/my-opencode-config --skill visual-cues-cta-psychology インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/flpbalada/my-opencode-config