← Plugin catalog
Creativity

Gradients Studio

Anusandhan Pokhrel v1.0.0

Backgrounds for sites & decks

Full description ↓

View on ChatGPT ↗

Save this plugin to Following and return to review observed changes. Follow up to 10 plugins free.

Description

From the marketplace listing

Gradients Studio designs backgrounds for the things you ship: website heroes, launch posts, OG images and slides. Describe what it's for and how it should feel ("a dark, premium hero for a fintech landing page", "launch visuals in purple and orange, a bit retro"), or name your brand colours. You get six live variations in mesh, silk and cloud styles with real film grain, pixel and dither finishes. Pick one, adjust its colours, finish, grain and softness right in the chat, then approve it. Once approved, Gradients Studio exports it at exactly the sizes you need: hero, OG image, X and LinkedIn posts, slides, or any custom size up to 4K. In Codex, the files go straight into your project and can be wired into the section you named. Already designing in the studio? Use Copy for ChatGPT on any design and paste it into the chat to keep working on that exact background here. Designing and previewing need no account. Connect your Gradients Studio account to export. Gradients Studio makes abstract gradient backgrounds only: it doesn't draw logos, illustrations or icons, and it doesn't edit photos.

Language: English · Automatically detected from descriptions.

What changed

Gradients Studio

Oct 27, 2026 · 1 saved observations

Metadata · Oct 27, 2026 · 00:47 UTC · Compared with Oct 24, 2026 · 13:33 UTC

WHAT CHANGED

Package or technical metadata updated

Package or technical metadata updated

Observed in package metadata. These changes alone do not establish a new customer-facing feature.

Open full comparison.

Is v2 template

Before

Oct 24, 2026 · 13:33 UTC

Not present

After

Oct 27, 2026 · 00:47 UTC

false

Metadata: full comparison →

Competitor profile

From the developer’s listing and package; capabilities are not independently tested. Package observed Nov 3, 2026.

Declared capabilities

  • Design gradient backgrounds
  • Export web and social sizes

Declared limitations

  • Logo design is out of scope
  • Photo editing is out of scope
  • Writing copy is out of scope

Review scenarios; not an exhaustive list.

Cost & access

Gradients Studio sells nothing in ChatGPT or Codex. Exports use the connected account's existing allowance.

Terms may have changed since this observation.

Starter prompt

Make a dark, premium hero background for my fintech landing page

View package source →

Keywords

Matches for “export website code”

Exact text from the indicated source. A mention alone does not establish support for your task.

Publisher full description

Gradients Studio designs backgrounds for the things you ship: website heroes, launch posts, OG images and slides. Describe what it's for and how it should feel ("a dark, premium hero for a fintech landing page", "launch visuals in purple and orange, a bit retro"), or name your brand colours. You get six live variations in mesh, silk and cloud styles with real film grain, pixel and dither finishes. Pick one, adjust its colours, finish, grain and softness right in the chat, then approve it. Once approved, Gradients Studio exports it at exactly the sizes you need: hero, OG image, X and LinkedIn posts, slides, or any custom size up to 4K. In Codex, the files go straight into your project and can be wired into the section you named. Already designing in the studio? Use Copy for ChatGPT on any design and paste it into the chat to keep working on that exact background here. Designing and previewing need no account. Connect your Gradients Studio account to export. Gradients Studio makes abstract gradient backgrounds only: it doesn't draw logos, illustrations or icons, and it doesn't edit photos.

Publisher capabilities · listing

Design gradient backgrounds Export web and social sizes

Publisher description

Design gradient backgrounds for sites, launches and slides, then export them at the sizes you need.

Files & skills

File archives

Plugin package8 files · 434 KBBrowse files →
Skill instructions
gradient-backgrounds2.42 KB

View saved version →

---
name: gradient-backgrounds
description: Use when the person wants a background, gradient, hero image, OG image, launch or social graphic, or slide background for their project. Designs variations with Gradients Studio, lets the person pick and approve one, then saves the files into the repo and, when asked, sets the image as that section's background.
---

# Gradient backgrounds with Gradients Studio

## Loop

1. **Propose.** Call `design_background` with the person's brief in their own words. If the brief doesn't say what it's for, ask once: hero, OG image, launch set, slide, or a size.
2. **Show.** If a widget appears, the person picks, tweaks and approves there, and it exports by itself when they press Approve. Otherwise show the contact sheet image and ask for a number (1–6).
3. **Refine.** For requests like "warmer" or "more grain", call `design_background` again with `from` set to the chosen variation's `settings` and the request as `brief`. You may also edit `settings` yourself (for example exact brand colours as #RRGGBB).
4. **Approve.** Without a widget, do not export until the person approves by saying so. Confirm the sizes before exporting. With a widget, the Approve button is the approval.
5. **Export.** Without a widget, call `export_background` with the approved `settings` exactly as returned (do not retype values), the `sizes`, and `proposed` if present. If it asks to connect an account, tell the person and wait.
6. **Save.** For each file with `status: "ready"`, run `curl -fsSL -o <path> "<url>"` from the project root. Adjust the static folder if needed:
   - Next.js, Vite and Astro: keep `public/`.
   - Otherwise find the folder the project serves static files from; if unclear, ask.
   Create directories as needed. Report each saved path. URLs expire in 24 hours.
7. **Wire, only when the brief named the place** ("hero background", "behind the features section"):
   - Find that section's component.
   - Set the image as its background using the project's existing styling convention (Tailwind `bg-[url(/hero.jpg)] bg-cover bg-center`, a CSS module, or an inline style, whichever the file already uses).
   - Change nothing else: no copy, layout, colours or meta tags.
   - Show the diff.
   If the brief didn't name a place, save the files and ask where they go.

## Never

- Commit, push or deploy.
- Edit meta tags (`og:image` and the like) unless asked.
- Export before approval, or export more sizes than were approved.

Release notes

First release: design gradient backgrounds from a brief or your brand colours, tweak and approve them in the chat, open designs copied from the studio, and export them at web and social sizes.

Declared in the saved package. Remote tools may change independently.

Package details

Publisher declarations from the archived package. These are separate from our research and the live service's terms.

Package author
Gradients Studio
Keywords
See keywords
Commerce declaration
Does not support commerceThis does not establish whether access is free or paid.
Review scenarios
5 positive · 3 negativeScenario counts, not test results.

Declared capabilities

  • Design gradient backgrounds
  • Export web and social sizes

Package observed Nov 3, 2026.

Technical details
First seen
Oct 24, 2026 · 12:40 UTC
Last seen
Nov 3, 2026 · 18:00 UTC
Collection status
Collected

plugin_asdk_app_6abe1d5e3e048191adc509c94fe81709

Download plugin data (JSON)