Sign in
← Back to marketplace
WE

Web Asset Generator (Favicon, OG, Emoji)

Produce favicons, Open Graph images, and custom emoji from a URL plus brand color inputs.

Designp4selling-with-nas
Or just install the prompt above — no subscription needed

About this skill

name: web-asset-generator-favicon-og description: Produce favicons, Open Graph images, and custom emoji from a URL plus brand color inputs. Use when working on web asset generator.

Web Asset Generator (Favicon, OG, Emoji)

Interviews for hex colors, gradient preference, and device targets, then emits SVG or PNG assets sized for real-world uses (favicon, OG, iOS icon, social header). Iterates conversationally to tweak details like gradient direction or corner radius. Use every time you spin up a new domain or micro-site.

What you get

  • Favicon set (16, 32, 180, 512)
  • OG image (1200x630)
  • Branded emoji pack
  • Matching device icons
  • Apple touch icon
  • Social header (LinkedIn, Twitter)

Customize your output

  • Hex colors: palette
  • Gradient direction: linear top-bottom, radial, angular, off
  • Assets needed: favicon, OG, emoji, all
  • Sizes: default, custom list
  • File format: SVG, PNG, both
  • Rounded corners: on, off

Example output

'A pink-to-purple gradient SVG favicon plus matching OG image and 5 emoji for a personal site.'

Best for

Indie hackers, marketers launching micro-sites.

Note: High confidence. Kills the annoying favicon-only task.

Source: Selling With Nas · https://www.youtube.com/watch?v=msaaFo_wg-Y Category: Design · Priority: P4

SKILL.md preview

---
name: web-asset-generator-favicon-og
description: Produce favicons, Open Graph images, and custom emoji from a URL plus brand color inputs. Use when working on web asset generator.
---

# Web Asset Generator (Favicon, OG, Emoji)

Interviews for hex colors, gradient preference, and device targets, then emits SVG or PNG assets sized for real-world uses (favicon, OG, iOS icon, social header). Iterates conversationally to tweak details like gradient direction or corner radius. Use every time you spin up a new domain or micro-site.

## What you get

- Favicon set (16, 32, 180, 512)
- OG image (1200x630)
- Branded emoji pack
- Matching device icons
- Apple touch icon
- Social header (LinkedIn, Twitter)

## Customize your output

- **Hex colors**: palette
- **Gradient dire...