antrophiclove
← Kütüphaneye dön
Komut#cc-toolkit#arayüz
0

Analyze screenshot

Öğeleri, düzen sorunlarını ve uygulama ayrıntılarını belirlemek için ekran görüntüsünü veya kullanıcı arayüzü görüntüsünü analiz edin.

yazan kuscubasiece·8 Eylül 2026

Kaynak: rohitg00/awesome-claude-code-toolkit · Apache-2.0

Kurulum
mkdir -p .claude/commands && curl -sL https://www.antrophiclove.com/api/kaynak/analyze-screenshot/raw -o .claude/commands/analyze-screenshot.md

Hedef dosya: .claude/commands/analyze-screenshot.md

ÖnizlemeHam metin⑂ Kendi sürümünü oluştur

Analyze a screenshot or UI image to identify elements, layout issues, and implementation details.

Steps

  1. Load and examine the screenshot:
  2. Catalog visual elements:
  3. Analyze the layout:
  4. Identify design details:
  5. Detect potential issues:
  6. Generate implementation notes:

Format

Screenshot Analysis:
Type: <web|mobile|desktop>
Elements: <count by category>
Layout: <grid|flex|absolute> structure

Rules

  • Be specific about colors, sizes, and spacing (estimate values).
  • Note any accessibility concerns immediately.
  • Describe layout in terms that map to CSS (flexbox, grid).