🧪 Skills

Screenshots

Create professional App Store and Google Play screenshots with automatic sizing, device frames, marketing copy, and iterative visual learning.

v1.0.1
❤️ 3
⬇️ 537
👁 1
Share

Description


name: Screenshots slug: screenshots version: 1.0.1 description: Create professional App Store and Google Play screenshots with automatic sizing, device frames, marketing copy, and iterative visual learning. changelog: Preferences now persist across skill updates metadata: {"clawdbot":{"emoji":"📱","requires":{"bins":[]},"os":["linux","darwin","win32"]}}

Quick Reference

Context File
Store dimensions and specs specs.md
Marketing text overlays text-style.md
Visual templates by category templates.md
Full creation workflow workflow.md
Learning from feedback feedback.md

Memory Storage

User preferences stored at ~/screenshots/memory.md. Read on activation.

Format:

# Screenshots Memory

## Style Preferences
- style: dominant-color | gradient | minimal | dark | light
- fonts: preferred headline fonts
- frames: with-frame | frameless | floating
- tone: punchy | descriptive | minimal

## Learned Patterns
- templates that converted well
- font/size combinations that worked

Create folder on first use: mkdir -p ~/screenshots

Workspace Structure

~/screenshots/
├── memory.md              # Style preferences (persistent)
├── {app-slug}/
│   ├── config.md          # Brand: colors, fonts, style
│   ├── raw/               # Raw simulator/device captures
│   ├── v1/, v2/           # Version exports
│   └── latest -> v2/      # Symlink to current
└── templates/             # Reusable visual templates

Core Workflow

  1. Intake — Get raw screenshots + app icon + brand colors
  2. Size — Generate all required dimensions per specs.md
  3. Style — Apply backgrounds, device frames, text overlays
  4. Review — Use vision to verify quality before sending
  5. Iterate — Adjust based on user feedback
  6. Export — Organize by store/device/language

Quality Checklist

Use vision model to verify EVERY screenshot set:

  • Text readable at thumbnail size?
  • No text in unsafe zones (corners, notch area)?
  • Consistent style across all screenshots?
  • Device frames match the target size?
  • Colors harmonious with app branding?

If ANY check fails → fix before presenting to user.

Versioning Rules

  • Never overwrite — each batch goes in v{n}/
  • Symlink latest to current approved version
  • config.md stores brand decisions for regeneration
  • Compare versions when user says "go back to the old style"

Reviews (0)

Sign in to write a review.

No reviews yet. Be the first to review!

Comments (0)

Sign in to join the discussion.

No comments yet. Be the first to share your thoughts!

Compatible Platforms

Pricing

Free

Related Configs