ph-gallery-assets_skill

Overview

This skill guides you to plan, design, and optimize Product Hunt gallery images that tell a clear product story and drive conversions. It focuses on sequence, visual templates, and conversion-minded messaging to make each image work alone and as part of a whole. Use it to create a polished, mobile-friendly gallery that highlights features, benefits, and social proof.

How this skill works

The skill inspects your product narrative, feature set, and assets to recommend a 4–6 image sequence and visual templates for each slot (hook, problem, solution, features, social proof/CTA). It provides technical specs, a checklist for quality control, and video integration guidance to ensure images load correctly and tell a coherent story. It also suggests gallery types by product category and quick design do/don't rules.

When to use it

• Planning the image sequence for a Product Hunt launch
• Designing hero and feature images to highlight core value
• Creating before/after or problem→solution comparisons
• Adding a demo video or GIF to increase engagement
• Optimizing gallery order and CTAs for conversion

Best practices

• Start with a strong hook that names the product and core value
• Use real product screenshots or GIFs, not stock photos
• Limit text, use readable callouts and consistent branding
• Include 2–3 standout features with one-line benefits each
• Add social proof or a clear CTA on the final image
• Test images and video on mobile before launch

Example use cases

• SaaS launch: hero + dashboard + workflow GIF + integrations + testimonials
• Mobile app: device mockup, key screens, feature demos, app-store CTA
• Developer tool: code example, before/after, performance metrics, docs preview
• AI product: input→output demo, accuracy metrics, multiple use cases, API options