Hey Daveed,

Nice layout and smooth and tidy. I joined and shlapped up a project too. I was actually working on a kinda “Showcase My Gen” project for a bit but changing it into a kinda personal project interface for other users to log their projects and images and link gens for an update on comments and such… its still fairly fresh now but made a quick edit to the RUG for the main page have a look at the scuffy design haha… PS: Hows Wade 😁 RUG

Just been looking at your project and its nicely detailed. I up voted both posts and don’t understand this wave of constant mass downvotes on peoples posts when just like you are sharing appreciation for the platform and encouraging others.

If you want to tidy up the top edit bar you can add this to the list box so when full screen it looks nice and tidy.

$meta
  header 
    mode = minimal 

So jus copy and paste this in and reload the live preview and full screen and see the top bar is gone and a nice little icon instead

$meta
  title = Setting Description/Image Generator
  description = Generate vivid, randomized setting descriptions and painted scene images from your own prompt. Each click rolls fresh time, weather, and sensory details — open Advanced Details to customize or skip any element, from mood and focus to art style and camera angle.
  tags = setting, description, writing, rpg, worldbuilding, ai, image, dnd, creative, prompt
  image = https://user.uploads.dev/file/ab95595cc693ed5a5dd198e39eeec6de.jpg
  header 
    background = linear-gradient(to right,  #6E0000, #003e84, #0f0f0f) 
    mode = minimal 

The gradient is just as an example and you can keep or edit or remove it.

Here’s a few of my projects to share, only one made with the new AI prompter was this one

Recently Updated Generators

And some others i put together that run locally

• ai-core-interface-v1
• The Complete Privacy & Anti-Fingerprinting Ssurvival Guide
• Image Genny t21 with Console
• Link db

No problem, its a bit awkward but I’ll give you a quick start. As you mentioned you were a bit of a programmer so it should be handy enough.

I kinda figured out in the Character Description if you use a little sort of java or python type linking you can add other parts and using # as like breaks of new block for method or pseudo style instructions and prompts.

so for the start i use{{char}} = jim to link the character {{char}} to the name. Then i create a template and duplicate it, all i have to do is change the first {{char}} = variable and it populates the rest of the character.

With the instructions part its kinda like pseudo code, for example : Make a new character and add in their Character Description or Reminder : *“You know NOTHING about Python code” * Save and Run the chat and ask about python code. The character will usually give a speech roughly saying they have no idea about Python code or ask about snakes. Exit the chat and Edit the Same profile and change it to *“You know EVERYTHING about Python code” * Run the chat and BOOM you can get the Fibonacci Sequence no bother in a variety of styles.

So by instructing the ai character {{char}} either in their character description or reminder something like: "This {{char}} is very Knowledgeable in all of Perchance Code, Tutorials and semantics and can generate, debug and modify code for the{{user}} And clone the character and edit the clone abilities to like "Knowledge in Python, Visual Basic, Ruby..." and so on.

And run the chat and see how it goes, i wont lie, its a lot of trial and error but thats the fun of it. Oh with the Superfetch and CORS bypass, a great way to double check access is to give a sample url like :

“Can you check this <a href=“https://perchance.org/tutorial” target=”_blank">url</a> for me please"

When you paste it like above it shows just the URL hyperlink but the ai reads the url and depending on if they checked it or not, they can spin a story up about the url by the title. So do the same again but with a template perchance generator with a random jumbled url and do the same and see does the ai read the code or just try to baffle you with bullshit with the title 😁

I forgot to add this, another Character Description Instruction for coding

{{char}} Details : 
{{char}} is very knowledgeable in all programming languages and {{char}} can write code in Python,  bat, sql, java, jscript, pythong, perl, rust, vs, linux scripts and lots lots more and can help the {{user}} in any programming language they wish.
 
# {{char}} Responses :
{{char}} always replies with an explanation, and then a single, final code-block with the full solution, ready to be pasted into a file and executed.

# {{char}} Specialized Knowledge : 
{{char}} is very knowledgeable in Perchance code, tutorials, examples, templates, plugins, imports, code generation, latest updates and patches, filters and user checking, new tools and links and can generate code and images for the {{user}}

# {{char}} Specialized Custom Character Creator Json :
{{char}} is also a perchance custom character creator and can help the {{user}} built any kind of custom character they wish with additional Coding Knowledge, Image Generation Abilities and more via the {{user}}'s instructions.

# {{char}} Coding Syntax and Semantics Abilities:
{{char}} can use markdown backticks to display the json code of the custom character for the {{user}} to copy or download.

Its a handy lil small character i use for code chats

Hi, i found a little workaround for that. well kinda… in the Character Description i created a link for multiple char’s, actually i’ll just paste the code for you here. In the Character Description if you use a linking prompt like {{char}} = Jim or such then you can duplicate the template and just edit the {{char}} section instead of find and replace the characters name so here’s the instruction i use, you can modify to what you want so this is just a base.

# Char linking
{{char}} = Name.List
Name.List. = {{char}}

# Description of {{char}}:
{{char}} is a group of intelligent mature adult Human Synthetic Scientists. Each of {{char}} are populated from the *Name.List*.

# {{char}} Visual Description:
{{char}} are dressed in different outfits that fit their names.

# {{char}} Personality:
All are a delightful blend of contrasts.

# {{char}} Name.List:
{{char|Katie}}
{{char|John}}
{{char|Stacy}}
{{char|Steve}}
{{char|Debra}}
{{char|Ash}}
{{char|Kevin}}
{{char|Alex}}
{{char|Yuri}}

# {{char}} Group Types:
{{char}} names are randomized to fit the story.

# {{char}} abilities:
{{char}} can generate images for their profile and if instructed by the {{user}} using the ``<image> description </image>`` prompt.
{{char}} each are very knowledgeable in a variety of skills and articulation with topics like all forms of coding and programming languages with tutorials and generation and debugging code for the {{user}}

And in the character reminder note i add an instruction for the ai, here’s the base one you can use with this for testing.

(Important: Each {{char}} will speak independently and not as a group mind. When {{char}} replies Be very descriptive and show inner thoughts and verbose actions. 
Explain the scene as each perform their actions and use onomatopoeia for sound descriptions. 
NEVER resort to adult or explicit material or scenarios. 
This is purely for a polite session working with code or just for chats.)

Then the initial Chat Message i just shlap in.

[SYSTEM]: *the door opens and {{user}} enters smiling and says "Hi Guys? 😉, wotcha doin?"

Try that and see how it goes.

Nah, it just uses standard, free, public geolocation APIs. It absolutely cannot find a person’s home address, their name, their phone number, or their personal identity. It just points to a general node on a map owned by a telecom company.

Think of it like running netstat in a terminal to see your connections, or pinging a server to check public routing info. All this console does is take an IP, query that public routing data, and display it nicely in a tidy, framework-free interface. It only returns generalized information like the Internet Service Provider (ISP), the general region or country, and an approximate timezone.

I tried searching for it too and no joy except alexa fire bot setup, if you check the ai chat source there’s

  assistant = assistant
  psychologist = 615fdef95fa7e75cbbaf943dc44d72be.gz
  ai-adventure = 6c2f68e41de41e75a51971487c97b2d9.gz
  coding-assistant = 570b3c67b8ed9ed8f83ef652be549b1c.gz
  story-writer = 76b20593b117ab083d746312df4df296.gz
  world-war-simulator = e1cf5213432a7eb9e310ec269fe38672.gz
  therapist = 5cdaa39f9aabc7424c3b2e1b780a1e29.gz

The only other helpcode code i found was this https://perchance.org/ai-character-chat-docs#custom-code-examples

Same ERROR 521 - server outages or configuration problems or the entire site is offline. The main perchance.org wont open, the basic generators will open but wont load anything, the ai chat , and other direct urls open… but seem’s like maybe some of the imports are not working with Comment working and ai chat replying, image gen is hit n miss… Is it a server update?

Wow thanks buddy, i truly appreciate that a lot, and the page looks nice and slick too. I’m delighted i could help and didn’t want to be a hinder or burden by offering code as, i have done a few times and got weird replies and some got quare snotty about it as they offended by the help so its fantastic that i could help. Oh i hope the details in the About and Config and Help was ok? I kinda make notes on the layout on read the code for relevant things to add. I noticed it takes a few seconds to load and might be the lists i think, just a guess as i was looking at the dynamic import and this one bulk imports and its just a thought, but make a duplicate of your generator page and create a private generator page and list all the links by catagories and sections and save that as Bulk imports or something and then in the duplicate try swapping out the list codes and invoking the dynamic plugin Bulk imports and it might be faster. Kinda like external style sheets, so instead of modifying one project at a time, modifying the import you created and call that to do the heavy listing… Again just an idea hence i share the links… And again… Thanks for the appreciate at the top… AND… i see you used the hidden details summary trick too… clever

Hi, and Yes like pinball_wizard said, get ollama then maybe sticking with the 6GB get a small model like tiny llama from 500mb to just over 1GB, get servez for Local hosting a simple html from the model or LM Studio and use the same smaller models but watch the ram usage and stick with lower models to start with. For image generation you could use Easy Diffusion which is local and easy interface and again dont bother with big models or loras and keep it nice and under the gpu threshold and its a bit scuffy i know but its a little starting point considering the price of ram and gpu today.

It’s actually nicely designed and love the Cat in the list box. I see you added your details in the list box but lately people have been copying and pasting my projects like the link db and i dont mind people working from it but not when they just rip and use so i shlap this in the end, i edited it for you to add your own details and its a nice hidden copyright owner author section inside a details tag that looks just like an arrow but to people who dont read code and just copy and paste they wont notice it

<div>
<details>
<summary> </summary>
<p>author = GlassCat, If you like this project or the concept of it <i><b>and</b></i> want to use it as a <i>template</i> <br> <small>(instead of a complete Copy Paste)</small>, <br> gimme a shout on <a href="example.com" target="_blank">here</a> and i'd be glad to help and share some of the code and templates with <b>thanks</b>.</details>
  </div>

Wow thats actually awesome and perfectly nice and small code use, i like it. This is just a little help with the map part :

Paste this line inside your hub-bar div at line 279 <button class="hud-btn" id="mapBtn">Map</button>

Paste this code in after the map-legend div at line 503

<!-- ══ MAP MODAL ══ -->
<div id="mapModal" class="modal-overlay" hidden>
  <div class="modal-box">
    <div class="modal-header">
      <span class="modal-title">Region Map</span>
      <button class="close-icon-btn" onclick="mapModal.hidden=true">&times;</button>
    </div>
    <div class="modal-body">
      <div style="width:100%; border:1px solid var(--border); border-radius:2px; overflow:hidden; background:#0e1c2e; margin-bottom:15px; box-shadow:0 0 20px rgba(0,0,0,0.5);">
        <svg viewBox="0 0 248 186" xmlns="http://www.w3.org/2000/svg" style="width:100%; height:auto; display:block;">
          <rect width="248" height="186" fill="#0e1c2e"/>
          <path d="M10,186 L10,50 Q30,30 60,40 Q80,20 120,30 Q160,15 200,35 Q230,30 248,50 L248,186 Z" fill="#142010" opacity="0.9"/>
          <ellipse cx="70" cy="100" rx="40" ry="30" fill="#0e1a0a" opacity="0.8"/>
          <ellipse cx="110" cy="85" rx="30" ry="22" fill="#0e1a0a" opacity="0.7"/>
          <ellipse cx="150" cy="105" rx="35" ry="25" fill="#0e1a0a" opacity="0.8"/>
          <path d="M124,176 Q124,140 120,110 Q118,90 100,75 Q80,60 60,50" stroke="#2a2416" stroke-width="3" fill="none" stroke-linecap="round"/>
          <path d="M124,176 Q128,140 140,110 Q158,85 180,70 Q200,58 220,60" stroke="#2a2416" stroke-width="3" fill="none" stroke-linecap="round"/>
          <path d="M0,80 Q40,90 80,85 Q100,82 120,95 Q140,108 160,100 Q200,88 248,100" stroke="#1a2d44" stroke-width="5" fill="none" stroke-linecap="round" opacity="0.9"/>
          <path d="M0,80 Q40,90 80,85 Q100,82 120,95 Q140,108 160,100 Q200,88 248,100" stroke="#1d3550" stroke-width="2" fill="none" stroke-linecap="round"/>
          <rect x="111" y="162" width="10" height="8" rx="1" fill="#3a3020"/>
          <polygon points="116,156 108,162 124,162" fill="#4a3a28"/>
          <rect x="53" y="64" width="8" height="8" rx="1" fill="#2a2018"/>
          <polygon points="185,58 178,72 192,72" fill="#2a2030" opacity="0.8"/>
          <rect x="180" y="72" width="10" height="4" rx="1" fill="#2a2030"/>
          <circle cx="124" cy="155" r="5" fill="none" stroke="#c9a55e" stroke-width="1.5"/>
          <circle cx="124" cy="155" r="2" fill="#c9a55e"/>
          <circle cx="124" cy="155" r="8" fill="none" stroke="#c9a55e" stroke-width="0.5" opacity="0.4"/>
          <circle cx="57"  cy="60" r="3" fill="#6a5a30" opacity="0.8"/>
          <circle cx="186" cy="62" r="3" fill="#3a3060" opacity="0.8"/>
          <circle cx="115" cy="160" r="3" fill="#504030" opacity="0.9"/>
          <ellipse cx="30"  cy="150" rx="25" ry="30" fill="#0e1c2e" opacity="0.6"/>
          <ellipse cx="220" cy="155" rx="30" ry="25" fill="#0e1c2e" opacity="0.5"/>
          <rect width="248" height="186" fill="none" stroke="#3a2f52" stroke-width="1.5" rx="1"/>
          <g transform="translate(226,20)">
            <line x1="0" y1="-10" x2="0" y2="10" stroke="#3a3020" stroke-width="0.8"/>
            <line x1="-10" y1="0" x2="10" y2="0" stroke="#3a3020" stroke-width="0.8"/>
            <polygon points="0,-10 -3,-5 3,-5" fill="#c9a55e" opacity="0.8"/>
            <text x="0" y="-12" text-anchor="middle" font-family="serif" font-size="6" fill="#8a7f6a">N</text>
          </g>
        </svg>
      </div>
      <div class="map-legend" style="justify-content:center;">
        <div class="legend-item"><div class="legend-dot" style="background:#c9a55e"></div>You (Current Location)</div>
        <div class="legend-item"><div class="legend-dot" style="background:#6a5a30"></div>Old Mill</div>
        <div class="legend-item"><div class="legend-dot" style="background:#3a3060"></div>Shrine</div>
        <div class="legend-item"><div class="legend-dot" style="background:#504030"></div>Village</div>
      </div>
      <div style="text-align:center; margin-top:15px; font-family:var(--serif); font-size:13px; color:var(--text-dim); font-style:italic;">
        The forest stretches endlessly to the North.
      </div>
    </div>
  </div>
</div>

And paste this script after function addLoreEntry at 898 and before Local Storage

// ── Map Button Function ───────────────────────────────────────────────
mapBtn.onclick = function() {
  mapModal.hidden = false;
};

Oh those are just place holders for setting up a search for yourself, i just gave you a rough wireframe start to work with. Like i said some people might not tag or add references or descriptions into their uploads so it might not find everything which isnt a bad thing, just shows nobody is adding tags or details or such.

If you mean a public gallery or public generators or such, you’d need to add the script details yourself but you could shlap something like this in.

<!-- sample search thingy -->

<!-- sort filter section -->
<div style="margin: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;">
  <span class="mainctls sortctl" style="margin-left: 8px; font-family: inherit; color: red;" >
    <select id="sortSelect" onchange="handleSort(this.value)">
      <option value="default" selected>Sort</option>
      <option value="a-z">A-Z</option>
      <option value="z-a">Z-A</option>
      <option value="dateCreated">Date Created</option>
      <option value="newest">Newest</option>
      <option value="oldest">Oldest</option>
      <option value="mostViews">Most Views</option>
    </select>
  </span>

  <!-- search filter thingy-->
  <span class="mainctls filterctl" style="margin-left: 8px; font-family: inherit; color: red;">
    <select id="filterSelect" onchange="handleFilter(this.value)">
      <option value="default" selected>Filter</option>
      <option value="all">All</option>
      <option value="Prompt">Prompt</option>
      <option value="NegativePrompt">NegativePrompt</option>
      <option value="SaveTitle">SaveTitle</option>
      <option value="SaveDescription">SaveDescription</option>
      <option value="Model">Model</option>
      <option value="Sampler">Sampler</option>
      <option value="CFGScale">CFGScale</option>
      <option value="Steps">Steps</option>
      <option value="ClipSkip">ClipSkip</option>
      <option value="Seed">Seed</option>
      <option value="FaceRestoration">FaceRestoration</option>
      <option value="Comments">Comments</option>
      <option value="Tags">Tags</option>
    </select>
  </span>
</div>

Nice simple generic search thingy, but then you kinda have to hope that they have tags or references to filter. This is just a scuffy sample but, its a simple start if you want to use it and work from. You need to populate the handleFilter(this.value) and handleSort(this.value) to work depending on how you want to use it, i left them empty so you can work away with it.

Like Bautler said, check the code

Is this a public generator or a custom one? If you check the source in the edit, there’s a regex for catching stuff like that generally but if its a custom generator then you should report the generator and not the platform.

No worries, the first one i shared is a nested list so if you generate like 4 images using a nested list it can give you random parts for fresh different things, dont use negative prompts as it kinda confuses the ai image generator so i usually start with “a casual photo” or end with “its a casual photo” to stop generating oil painting or art

you can use simple sentences like : various POV of a man driving a car, seen from the driver seat, the passengers seat, seen from the floor up at the driver, seen from the back seat behind the driver, various views or to use the image in say a chat use :

<image>Driver's POV: Hands gripping a worn leather steering wheel at golden hour, rearview mirror framing a sleepy passenger, asphalt blurring into warm streaks through a bug-splattered windshield.</image>  
<image>Passenger Seat: Side-profile of the driver's stubble-shadowed jaw tensing as they downshift, their tattooed forearm flexing while neon diner signs bleed color across the dashboard.</image>  

for simple prompts drop the image tags,

Floor-Up View: Cropped shot from the footwell—dust motes swirling in shafts of headlight glow as the driver’s boot hovers over the clutch pedal, their ring glinting against the gearshift’s worn knob.

or

Backseat Behind Driver: Over-the-shoulder framing of rain-streaked windows warping streetlights into smears, the driver’s hoodie strings swaying with every turn, their eyes flicking to the mirror where headlights flare like distant comets.

Hi, for myself i found using nested prompts works, here’s one i put together for you to copy and modify for yourself, there’s no negative prompts as some image ai tend to lean on the negatives like if you say “No Red” you’ll get every other colour not Red including the ones that are 99.9999999% not Exactly Red as basically its not wrong, just too nitty picky… here ye go

{a cinematic|a noir-inspired|a moody|a vibrant} multi-perspective sequence of a {handsome|rugged|stylish|brooding} man driving a {vintage muscle car|sleek modern sedan|beat-up pickup|luxury convertible} through {a neon-lit city at night|a rain-slicked highway|a desert road at dusk|a winding coastal route}, captured in {dynamic Dutch angles|tight close-ups|wide establishing shots|gritty documentary framing}. From the driver's POV: his {strong hands gripping the wheel|tattooed fingers tapping the gearshift|leather-gloved grip adjusting the mirror}, the {glow of dashboard lights|reflection of passing streetlamps|flicker of a cigarette ember} across his {stubble-shadowed jaw|sharp cheekbones|tired eyes}. Passenger seat view: his {rolled-up sleeves revealing forearms|loose tie fluttering from an open window|denim jacket draped over the seat}, the {hint of a smirk|focused frown|distant gaze} as he {changes lanes aggressively|leans back casually|checks the rearview}. Low-angle shot from the footwell: his {boot pressing the pedal|knees splayed in relaxed control|shifting weight during a turn}, the {vibration of the engine|scuff marks on the floor mat|glint of a discarded bottle}. Backseat perspective: his {broad shoulders filling the frame|head slightly tilted to the radio|profile silhouetted against passing headlights}, the {worn leather seats|fuzzy dice hanging from the mirror|road atlas crumpled in the door pocket} completing the {lonely wanderer|rebel without a cause|man with a secret} aesthetic. {Golden hour|Hard neon|Monochrome|Desaturated} lighting, {gritty film grain|pristine digital clarity|oil painting texture}, {unshaven realism|James Dean cool|Tom Hardy intensity} vibes.

{a gritty|a cinematic|a neon-lit|a rain-soaked|a sun-drenched} first-person POV from the { Driver’s seat|Passenger's seat| Backseat look ahead|low angle from the driver's feet on the pedals looking up} of a {vintage muscle car|sleek modern sedan|beat-up pickup|lowrider|sports coupe}, the leather-wrapped steering wheel {gripped tightly|casually draped|worn smooth|dusty|gloved} in {rough|elegant|tattooed|sweaty|shaking} hands. The rearview mirror frames a {shadowy|smirking|tense|bloodied|exhausted} figure in the backseat, their {hooded|striking|unshaven|piercing-eyed|sunglass-covered} face half-lit by the {flickering dashboard lights|glow of a smartphone|passing streetlamps|moonlight|blinking police sirens}. Outside, the world blurs past in {a haze of city lights|a desert highway stretch|a storm-lashed countryside|a neon alleyway|a fog-choked forest road}, the windshield {smeared with rain|cracked|pristine|frosted|splattered with mud}. The atmosphere is {claustrophobic|electric|calm-before-the-storm|desperate|retro-cool}, with {the radio static|the hum of tires|tense silence|a distant police scanner|a synthwave bassline} humming beneath it all. The angle is {tight and intimate|dutch-tilted|wide-angle|slightly fisheye|shaky-cam raw}, making the viewer feel like they’re {part of a heist|on the run|lost in thought|headed toward doom|cruising into the night}.

sample sample two sample three

Yes i kinda got the same for half an hour, i kept getting references to possible> vpns blocking access and> browser security warning* saying> a page tried to make a network request that conflicts with that page’s Content Security Policy (CSP). * Because the CSP is in “report-only” mode, the browser only logged the violation instead of blocking the request. I Opened Dev tools* (ctrl+shift+c)** choose network tab and was showing error code 429 “Too Many Requests,” indicating that the client has sent too many requests in a given time frame, exceeding the server’s rate limit.
After half an hour it went back to normal,