KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#developer-tools #typescript #dsh #dsh-plugin #ai-agent #codex #ai-agents #deepseek-harness #claude-code #cli #react #mcp

mrbreakfasts_free_prompts

★ 28 Open GitHub ↗

Free and open-source prompt pack with over 400 svg and png assets.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<p align="center">
 <b>Mr. Breakfast's Free Prompts</b> is an input prompt pack with over 400 svg and png assets 
 <br>
 
 <br>
</p>

---

<details>
  <summary><b>🍬 Previews</b></summary>
 
   <img src="previews/generic_preview.png" alt="generic preview"/>
   <img src="previews/keyboard_preview.png" alt="keyboard and mouse preview"/>
   <img src="previews/switch_preview.png" alt="switch preview"/>
   <img src="previews/ps5_preview.png" alt="ps5 preview"/>
   <img src="previews/xbox_preview.png" alt="xbox preview"/>
   <img src="previews/steamdeck_preview.png" alt="steam deck preview"/>

</details>

---

Inspired by the look and freedom of [Kenney](https://kenney.nl/assets/input-prompts-pixel-16) and the freedom of [Xelu's](https://thoseawesomeguys.com/prompts/) free prompts.

Remix the source here, or download and support the pack on [Itch.io](https://mrbreakfastsdelight.itch.io/mr-breakfasts-free-prompts)

### 🛋️ Supports:
- Nintendo Switch
- Xbox Series
- PlayStation™ 5
- Steam Deck
- Generic game pad
- Keyboard and mouse

### 🖌️ How is the Source made?
The source was designed in [Inkscape](https://inkscape.org/). Every prompt has a gradient for the fill, stroke, and inner icon. Think of this like a color variable. The gradients are locked and globally shared between assets, allowing for easy edits of the dark and light color schemes.

Here's an example of a generic light button:

![image](https://raw.githubusercontent.com/mr-breakfast/mrbreakfasts_free_prompts/main/meta/button_example.png)

And the gradients included so far:

![image](https://raw.githubusercontent.com/mr-breakfast/mrbreakfasts_free_prompts/main/meta/gradient_names.png)

Many of the triggers/bumpers were created using Inkscape's `Corner` live path effect. The keyboard keys have a different fill gradient from the other prompts.

### ♻️ Contributing Guide

You will need to install the following:

1. [Inkscape](https://inkscape.org/) (version 1.3 or greater recommended)
2. [Poppins font](https://fonts.google.com/specimen/Poppins)

If you intend to submit a pull request, please organize your work under the correct layers, and make sure your paths are properly grouped and named.

#### Naming groups
The name of the group becomes the name of exported asset. The naming scheme is `{vender}_{title}_{tags}`. For example if the vendor is `xbox`, the title of the button `y`, and is a light-style button with a colored fill, then it is named `xbox_y_color_dark`. The names of existing buttons can be a good reference.

> [!IMPORTANT]
> Use full names rather than glyphs in titles
>
> EX: the semicolon key would not be titled `:_light`, it would be titled `semicolon_light`.
> 
> This is important to avoid unallowed file names (See [#4](https://github.com/mr-breakfast/mrbreakfasts_free_prompts/issues/4). It also looks better.)

#### Exporting Changes
After you've made your changes to the `inputs.svg` source file, you'll need to update the corresponding files.

Let's begin with exporting the individual SVG files as this has the most steps:
1. Make a temporary duplicate of `inputs.svg`, and open that file in Inkscape
2. Click 'Select All in All Layers' to select all the individual prompts
3. Navigate to the 'Path' menu and click 'Object to Path' or use `Shift+Control+C`
4. Using batch export, ensure the background color is transparent, format is Plain SVG, overwrite is enabled, and that there is no prefix appended to the file name.
5. Export to `~/svg`

The individual PNGs are done similarly: 
1. Select all
2. Export the prompts at 96DPI to `~png`.

Atlases:
1. Select all layes
2. Select 'Layers' in Batch Export
3. Export layers to `~/atlases`.

Finally, find the preview image sources in `~/previews/src`. Copy/paste the changed prompts to the places they belong. Next, export the previews at 96DPI to `~/previews`.

You're all done!

### Submitting a Pull Request
Before you submit your pull request, make sure to summarize your changes in `CHANGE_NOTES` under the corresponding "Package" heading.

### 🎂 Who uses these?
So far no one! Want your project featured? Add a link here in the README

mrbreakfasts_free_prompts

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README