npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

devault-image-prompts

v1.0.0

Published

2,383 GPT-Image-2.5 prompts, each a complete design specification — exact hex palette, type scale, spacing, depth and a named signature detail.

Readme


2,383 production prompts for GPT-Image-2.5 — and the design each one is built to produce.

Prompt as spec. Every prompt here is a complete design specification, not a sentence and a hope: the exact hex palette with the job each colour does, the type scale in real px with weights and tracking, the spacing unit and container width, how depth is built, the imagery direction, and the one signature detail that makes the design work. Paste one and you get a finished interface — not a vague impression of one.

Devault wrote all 2,383. Every prompt ships beside the design it describes, so you can see exactly what you are aiming at before you spend a generation.

Install as a Claude Code plugin: /plugin marketplace add stretchcloud/awesome-gpt-image-prompt-2.5 — details

Browse the full library on Devault — large previews, the complete design system behind each prompt, and the full-resolution original.

Categories

| Category | Prompts | | |---|---|---| | Exclusive Web Design1 · 2 · 3 · 4 · 5 · 6 · 7 · 8 · 9 · 10 | 588 | | | Exclusive Mobile Design1 · 2 · 3 · 4 · 5 | 263 | | | Hero Sections1 · 2 · 3 · 4 · 5 · 6 · 7 · 8 | 467 | | | Footer & CTA Sections1 · 2 · 3 · 4 · 5 · 6 · 7 · 8 | 462 | | | Feature Sections1 · 2 · 3 | 141 | | | Hero Backgrounds1 · 2 · 3 · 4 | 200 | | | Pricing & Comparison1 · 2 | 100 | | | Social Proof, FAQ & Bars1 · 2 | 82 | | | Bento Grids1 · 2 | 80 | |

2,383 prompts across 9 categories.

Featured

Sixteen of the 2,383. Click any image for its full prompt.

What is in a prompt

A prompt here is a design specification written out in full: each colour with its hex, name and the job it does; the type scale with sizes, weights and tracking; corner radii; the spacing unit and container width; how depth is expressed; the imagery direction; and a one-line signature detail — the single thing that makes the design recognisable rather than generic.

Each one is laid out in the order an image model reads best:

LAYOUT      → the structural description
PALETTE     → exact hex values with their roles
TYPOGRAPHY  → family, weights, real px sizes, tracking
GEOMETRY    → radii, spacing unit, container
DEPTH       → how elevation is expressed
IMAGERY     → illustration / photography direction
SIGNATURE   → the one detail that defines it
MUST/AVOID  → the design system's own do's and don'ts
OUTPUT      → aspect ratio and rendering constraints

Nothing in a prompt is approximate. If it says #1E6BFF, that is the exact colour and the exact role it plays.

Agent skill — use these from your editor

The whole library is installable as a Claude Code plugin. Once enabled, Claude searches the 2,383 specs itself and pastes back a full prompt, so you never leave the editor to browse a gallery.

/plugin marketplace add stretchcloud/awesome-gpt-image-prompt-2.5
/plugin install gpt-image-prompts@devault

Then just ask for what you want — "find me a dark bento grid spec with cyan telemetry accents" — and Claude picks from the library and hands you the prompt.

There's a CLI too, for scripts and other agents:

npm install -g devault-image-prompts

devault-prompts categories
devault-prompts search cyan telemetry hairline --theme dark --limit 5
devault-prompts show 933
devault-prompts random --category bento-grids --theme dark

Add --json to any command for machine-readable output. The CLI, the plugin and the galleries in this repo all read the same data/prompts.json, so they can never drift apart.

Using them

  1. Open a category, expand a prompt, copy it whole.
  2. Paste into GPT-Image-2.5 — or any image model; they are model-agnostic.
  3. Change the subject line and keep the system: swap "analytics dashboard" for "billing settings" and the palette, type and spacing stay coherent.

The prompts are deliberately long. Image models reward specificity, and a full design specification is specificity.

data/prompts.json carries all 2,383 in machine-readable form if you want to script against them.

About the images

Each prompt sits beside the design it specifies, shown at 480px preview resolution so you can see the target before you generate. Full-resolution originals, and the complete design system for each one — palette tokens, type scale, spacing, components, do's and don'ts, ready to hand straight to an agent — live at Devault.

Contributing

See CONTRIBUTING.md. Prompts that follow the same structure — a real design, a full specification, no approximations — are very welcome.

Licence

Prompts: MIT — take them, change them, ship them.

Images: Devault originals, published at preview resolution — see NOTICE. Reuse with a link back to Devault.