Skills
.Work. You
Rest

visual-cues-cta-psychology

Community

Guide attention with visual cues to drive CTAs.

Design & Creative#user experience#conversion#UI design#attention#CTA#gaze direction#visual cues
Authorflpbalada
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps product teams guide user attention and improve conversions by applying visual cues and gaze direction principles.

Core Features & Use Cases

  • Gaze-driven cues: Use gaze direction and explicit directional cues to guide users toward primary CTAs.
  • Pattern-aware layout: Leverage F-pattern, Z-pattern, and Gutenberg diagram insights to optimize content scanning and CTA placement.
  • Hierarchy and clarity: Establish visual hierarchy, color contrast, and whitespace to make CTAs prominent in landing pages, onboarding flows, and dashboards.
  • Mobile considerations: Design for thumb zones and simplified decision paths to maintain CTA visibility on mobile.
  • Use Case: When refining a landing page, apply these cues to increase click-through rate by directing attention to the main conversion action.

Quick Start

Analyze the attached landing page design and adjust gaze direction toward the primary CTA, reinforce the visual hierarchy, and reduce clutter to improve conversions.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: visual-cues-cta-psychology
Download link: https://github.com/flpbalada/thinking-toolkit/archive/main.zip#visual-cues-cta-psychology

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.