Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add yoanbernabeu/producthunt-skills --skill ph-gallery-assetsgit clone --depth 1 https://github.com/yoanbernabeu/producthunt-skillsWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/yoanbernabeu/producthunt-skills/ph-gallery-assets)<a href="https://agentmods.dev/skills/yoanbernabeu/producthunt-skills/ph-gallery-assets"><img src="https://agentmods.dev/badge/skills/yoanbernabeu/producthunt-skills/ph-gallery-assets/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/yoanbernabeu/producthunt-skills/ph-gallery-assets"><img src="https://agentmods.dev/badge/skills/yoanbernabeu/producthunt-skills/ph-gallery-assets.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00041 | $0.02038 |
| Opus 5 | $0.00020 | $0.01019 |
| Sonnet 5 | $0.00008 | $0.00408 |
| Haiku 4.5 | $0.00004 | $0.00204 |
Grade A, and why
ph-gallery-assets scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 12d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 372 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Product Hunt Gallery Assets
This skill helps you create a compelling gallery that tells your product's story, showcases key features, and convinces visitors to try your product.
When to Use This Skill
- Planning your gallery image sequence
- Creating feature showcase images
- Designing before/after comparisons
- Including video in your gallery
- Optimizing gallery for conversion
Gallery Requirements
Technical Specs
- Minimum images: 2 (required)
- Recommended: 4-6 images
- Formats: PNG, JPG, GIF
- Video: YouTube links only
- Order: Drag-and-drop reorderable
Best Practices
- Tell a story from first to last image
- Show actual product, not just marketing
- Include at least one video/demo if possible
- Make each image standalone yet connected
The Gallery Story Framework
Image Sequence Strategy
IMAGE 1: The Hook
↓ "What is this?"
IMAGE 2: The Problem
↓ "I have this problem!"
IMAGE 3: The Solution
↓ "This solves it!"
IMAGE 4: Key Feature 1
↓ "That's impressive"
IMAGE 5: Key Feature 2
↓ "Even more value"
IMAGE 6: Social Proof / CTA
→ "I should try this"
Image-by-Image Guide
Image 1: The Hook (REQUIRED)
Purpose: Stop the scroll, explain what this is
Options:
- Hero shot with tagline overlay
- Product in action (GIF)
- Bold value proposition statement
Template:
┌────────────────────────────────┐
│ │
│ [PRODUCT NAME] │
│ │
│ [Tagline/Value Prop] │
│ │
│ [Product Screenshot] │
│ │
└────────────────────────────────┘
Checklist:
- Product name visible
- Core value proposition clear
- Product UI/interface shown
- Visually compelling
Image 2: The Problem/Context
Purpose: Establish the pain point you solve
Options:
- Before state visualization
- Problem statistics
- "The old way" frustration
Templates:
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 12d ago First seen · 372 lines · 41 tokens per session scan A 0b83f3f8d63a
ph-gallery-assets is a skill published in the GitHub repository yoanbernabeu/producthunt-skills (18 stars, last pushed 7mo ago), licensed MIT. It adds 41 tokens to every session and 2,038 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
threejs-interaction
Three.js interaction - raycasting, controls, mouse/touch input, object selection. Use when handling user input, implementing click detection, adding camera controls, or creating interactive 3D experiences.
threejs-shaders
Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.
threejs-textures
Three.js textures - texture types, UV mapping, environment maps, texture settings. Use when working with images, UV coordinates, cubemaps, HDR environments, or texture optimization.
create-video-seedance-2-fal
Generate a single 4-15s vertical video clip with ByteDance Seedance 2.0 reference-to-video via fal.ai. Multi-image reference (avatar + product + setting), native lip-synced VO + ambient audio (generate-audio on by default), internal multi-cut handling within one render. Routes through the GooseWorks FAL proxy (bills…
create-workflow-diagram
Create FigJam/Miro-style workflow diagrams as high-quality PNG images from plain-text workflow descriptions. Renders beautiful HTML diagrams with connected nodes, arrows, and labels, then screenshots them for sharing.
demo-builder
Builds personalized demo assets for top prospects using the founder's product API/MCP/SDK. Researches prospect, proposes demo concepts, builds working prototype, tests it, and generates comparison report with live demo link.