A concept in development
Give your page a skin.
Asset Arsenal reimagines your page in your brand, or in any style you name, then breaks that picture into real assets you can ship: backgrounds, frames, buttons, icons and illustrations, each one cut out and ready to drop in.
Suggestion box
Tell us what to build next. We read every one.
Dark mode
42 votes
Export to CSV
31 votes
Team spaces
18 votes
A sketch of the idea in plain CSS. The real thing generates the art: textures, frames, ornaments and icons.
How it works
From one picture of your page to a full set of parts
Image models are already good at reimagining a screenshot. The hard part is everything after: turning that one flat picture into pieces you can actually use. That is the part Asset Arsenal does.
- 01
Show it your page
A screenshot of the page you want to dress up, plus what makes it yours: your logo, your colors and a few images you already use.
- 02
Pick a direction
Describe a style, or start from one: closer to your brand, high fantasy, sci-fi, paper craft. You get a few full-page concepts and keep the one you love.
- 03
Break it down
It finds every asset in that concept (header art, card frames, buttons, icons, dividers, the background) and lists them for you to check.
- 04
Build each asset
Each one is generated again on its own, zoomed in and full size on a transparent background, matching the concept. Keep the good ones, reject the misses, retry any single piece.
What you get
A skin pack, not a screenshot
Every asset comes full size on a transparent background, at 1x and 2x, named for where it goes on the page.
Backgrounds and textures
Full-page art and tiles that repeat cleanly.
Frames and panels
Card and modal borders cut so they stretch to any size.
Buttons with states
Normal, hover and pressed, in the same style.
Icons
A matching set for the actions your page already has.
Illustrations
Hero art, empty states and spot illustrations.
Dividers, badges and ornaments
The small pieces that make a style feel finished.
A theme file
Colors and font suggestions as CSS variables, to match the art.
A preview
The assets placed back on your page, so you see the result before you ship it.
Make your site look like you
Not "a green page for a green brand". Start from your own logo and images, and get art and parts that feel designed for your product.
Give your users skins
Like skins in a game: ship a few themes, from a calm default to something bold, and let people pick the one they want.
The workbench
You stay in charge of every piece
Image models still miss sometimes. The workbench makes a miss cheap: fix one piece without redoing the set.
Keep or reject
Box the assets you like and the ones you don't; rejected ones are regenerated, kept ones are locked.
Retry one piece
Redo a single button or icon without touching the rest of the set.
Lock the style
New assets you add later match the ones you already kept.
See the cost first
Every run shows what it will cost before it starts.
Compared
Good tools exist for parts of this
None of them start from your live page and hand back the cut-out parts of a new look. That gap is the whole idea.
| Tool | Great at | Missing for this job |
|---|---|---|
| ChatGPT or Gemini, by hand | Great at reimagining a screenshot in a new style. | You get one flat picture. Cutting it into usable, transparent, full-size assets is all manual. |
| Lovart | A design agent with a brand kit; makes brand identities, mockups and campaigns. | Built for marketing designs, not for taking your live page apart into parts you drop back in. |
| Recraft | Consistent, brand-styled images and icons, including true vectors. | You describe each asset yourself; it doesn't start from your page or work out which assets it needs. |
| Visily and Uizard | Turn a screenshot into an editable layout and restyle it with a theme. | The restyle is colors, fonts and components, not new art; no illustrated frames, textures or hero images. |
| Google Stitch and Figma Make | Generate whole screens and front-end code from prompts and images. | Aimed at layouts and code; the visual style stays close to standard UI. |
| Scenario | Game-studio asset generation with custom style models. | Made for game teams, with style training up front; not aimed at web pages. |
FAQ
Questions
- Is it built?
- Not yet. A working workbench on my machine already turns a source image into a matching set of standalone icons, with keep, reject and retry. This page describes the next step: whole-page skins. There is no release date.
- Can I ask for a Warcraft or Lord of the Rings skin?
- You can ask for the feel: high fantasy, gothic, retro arcade, cozy pixel art. It won't copy someone else's characters, logos or trademarks, because the assets need to be yours to ship.
- Will each asset match the concept exactly?
- Close, not pixel for pixel. Each asset is made again at full size, using the concept and its crop as the reference. That is why keep, reject and retry are built in.
- What will it cost?
- Pricing isn't set. Image model costs today come to roughly one to three dollars for a skin: a few full-page concepts plus a dozen assets with some retries. The plan is to pay per skin, with a free first run, and to let people who self-host bring their own API key.
- Which image models does it use?
- Today the workbench uses OpenAI's and Google's image models, picking per step by quality and cost. That will change as models improve.
- Who owns the assets?
- You do, within the image model provider's terms. Nothing you upload is used for anything except your own runs.
Want your page in a new skin?
Join the waitlist on n8builds.dev and you’ll hear when the first skins are ready to try.
Join the waitlist