DEV Community: uni928

Connecting Screen Transitions with Image Preservation and a Circular Mask

uni928 — Mon, 31 Aug 2026 05:25:07 +0000

A simple fade transition can sometimes make the connection between the previous screen and the next screen feel weak.

One way to create a more seamless transition is to temporarily preserve the previous screen as an image, place it over the next screen, and gradually reveal the new screen with a circular mask.

👇 Sample site

https://uni928.github.io/Uni928PublicHTMLs/index95English.html

Basic Flow

Save the current screen as an image.
Generate and load the next screen.
Place the saved image over the entire screen.
Reveal the next screen in a circular shape centered around the character or another desired position.
Delete the saved image once the circle has expanded across the entire screen.

Important Implementation Notes

The captured image should be created according to the screen size and must always be discarded after the transition is complete.

If loading the next screen takes time, this transition can also be used when navigating to a loading screen and again when leaving the loading screen.

Summary

By preserving the previous screen as an image, displaying the next screen underneath it, and gradually revealing the new screen with a circular mask, you can create an engaging transition without passing through a black screen.

Once this type of screen transition has been made reusable, it can be applied not only to mazes and games, but also to web pages, settings screens, detail screens, modal windows, and many other interfaces.

Share Formatted AI Documents on Discord—One-Click Viewing, No File Uploads

uni928 — Mon, 31 Aug 2026 01:15:46 +0000

This article introduces a simple way to share AI-generated documents on Discord:

The recipient can open a formatted document with one click
The sender does not need to upload any files

The basic idea is simple.

The tool generates a Discord-ready link like this:

[View Document](<URL containing compressed and Base64-encoded Markdown>)

On Discord, the recipient only sees a clean link such as:

View Document

They can click the link and immediately view the document as a formatted webpage, with Markdown headings, bold text, lists, and other formatting applied.

Try the Example First

I created a sample page that explains how the tool works using the same sharing method.

👇 View the example here:

https://uni928.github.io/Uni928PublicHTMLs/index80Sample2English.html

After reading the instructions, you can use the actual tool here:

Create a Shareable Markdown Page

How It Works

First, ask ChatGPT or another AI tool to create a document in Markdown format.

For example:

Please create a short Markdown document explaining XX for sharing on Discord.

Then paste the generated Markdown into:

Create a Shareable Markdown Page

From the "Save as URL" section, you can generate a Discord-ready link in this format:

[View Document](<URL containing compressed and Base64-encoded Markdown>)

Then simply paste that text into Discord.

Instead of seeing the full long URL, the recipient sees a clean link like this:

View Document

Discord Lets You Hide Long URLs Behind Link Text

Discord supports Markdown-style links such as:

[View Document](<URL>)

For example:

[View Document](<https://uni928.github.io/Uni928PublicHTMLs/index80Sample2English.html>)

When posted in Discord, the recipient only needs to click the displayed text.

This means even if the actual URL is very long, the message itself can stay clean and readable.

The Markdown Is Stored Inside the URL

This tool compresses the Markdown text, converts it to Base64, and stores the result directly inside the URL.

The sharing process is therefore:

Ask ChatGPT or another AI to create a Markdown document
Paste the Markdown into the tool
Generate a shareable URL
Paste the generated link into Discord

This means you do not need to separately create and upload a Markdown, HTML, or PDF file.

The document itself can be shared through the URL.

Fewer Steps for Simple Document Sharing

When using ChatGPT or other generative AI tools, it is easy to create things like:

Short guides
Instructions
Simple reports
Explanatory documents

However, sharing them on Discord can sometimes require extra steps such as:

Saving the text as a Markdown file
Converting it to HTML or PDF
Uploading the file to Discord
Moving the content into Google Docs or another service

With this method, you can instead share something as simple as:

More details here:

[View Document](<URL>)

This keeps the Discord message short while letting the recipient view the full formatted document separately.

Good Use Cases

I find this method particularly useful for:

Short AI-generated guides
Work instructions
Rules for games or communities
Development notes
Long Discord messages that are easier to read as a separate page
Temporary notes
Summaries of ChatGPT discussions

It is especially useful when the document is mostly text.

How to Use the Tool

The actual tool is available here:

Create a Shareable Markdown Page

The basic steps are:

Enter a document title
Paste your Markdown content
Click Save as URL
Click the option to copy the Discord "View Document" link
Paste the copied text into Discord
The recipient clicks View Document to open the formatted page

The document data is stored inside the URL itself, so you do not need to send a separate file.

Limitations

This method stores the Markdown content directly inside the URL.

Because browsers, Discord, and other services have practical URL-length limits, the current version limits the compressed and Base64-encoded data to under 1,920 characters.

Images are also not well suited to this method.

Embedding image data directly in the URL can make the URL extremely large, so this method is primarily intended for text-based documents rather than image-heavy content.

In other words, this is not intended to replace full document hosting or cloud storage services.

It is designed for a simpler use case:

Quickly sharing AI-generated, text-focused documents on Discord

For short and medium-sized text documents, it can be a convenient approach.

Also, because the content is embedded in the URL, editing the document usually means generating a new URL.

So this method is not ideal when you need to keep updating the same shared URL over time.

For Users Who Want to Review the Code

The source code is available on GitHub:

https://github.com/uni928/Uni928PublicHTMLs/blob/main/index80English.html

The sample page in this article uses index80Sample2English.html, while the actual English version of the tool is index80English.html.

The source is published so users who care about security can review the code and network behavior themselves.

As an additional check, you can download the HTML and ask ChatGPT or another AI tool something like:

Please review this HTML file and check whether it contains any suspicious external data transmission or malicious code.

However, AI review should only be treated as an additional check.

For important use cases, you should also review the code and network destinations yourself.

If You Want More Control

If you want to reduce reliance on the original hosted version, you can also:

Download the HTML from GitHub
Review the code yourself
Optionally ask an AI tool to review it as well
Host it on your own GitHub Pages site or another static hosting service

This way, you do not need to worry about the original hosted version changing later.

You Can Also Customize It for Your Own Use

Because the HTML is public, you can modify it with ChatGPT or another coding assistant.

For example, you could:

Change the design
Remove unnecessary buttons
Change the input workflow
Add Discord-specific features
Add your own document templates

Customizing the tool for your own workflow may make it even more useful.

If you create and publish an improved version, I would be happy to hear about it and try it.

If you publish a modified version based on this repository, please follow the MIT License terms.

You must include the required copyright notice and MIT License text.

Summary

With this method, the sender's workflow is:

Create Markdown with AI → Paste it into the tool → Paste the generated link into Discord

The recipient's workflow is even simpler:

Click "View Document"

This approach works particularly well when you want to share simple, AI-generated, text-based documents on Discord without uploading files.

👇 View the sample instructions:

https://uni928.github.io/Uni928PublicHTMLs/index80Sample2English.html

A Small Solution to the Problem of HTML Files Created with ChatGPT Growing Larger with Every Revision

uni928 — Wed, 26 Aug 2026 05:23:25 +0000

When you ask ChatGPT to create an HTML site, the code can gradually grow larger as you continue making revisions.

Existing HTML minification tools are excellent for reducing file size. However, relatively few are designed with ChatGPT-based analysis and re-editing in mind, which makes them less suitable for this kind of workflow.

That is why I created a tool that can minify HTML while keeping it as easy as possible for ChatGPT to analyze.

In this article, I will refer to “minification” as “cleanup” for convenience.

Cleanup is intended to slightly reduce file size and token usage when repeatedly making revisions.

Compression is intended to reduce file size when sharing HTML in a chat, assuming the recipient only needs to open the file and does not need to edit it.

※Because the cleanup process is performed mechanically, there is no guarantee that it will never introduce bugs. Always check that the HTML works correctly after cleanup.

👇 Try the site here

https://uni928.github.io/Uni928PublicHTMLs2/index2English.html

Features

This tool has three modes.

Safe

Compresses the file without modifying the contents of the HTML, CSS, or JavaScript.

Experimental

Cleans up consecutive whitespace, comments, and similar elements before compressing the file. This mode is suitable when sharing HTML in a chat and you believe the recipient is unlikely to read the source code directly.

Clean Only

Only cleans up consecutive whitespace, comments, and similar elements, then saves the result as a regular HTML file without self-extracting compression. This mode is recommended when publishing the file on a web server.

There are many third-party tools that can achieve more aggressive cleanup. However, this tool prioritizes keeping the HTML as easy as possible for ChatGPT to analyze while minimizing its impact on reasoning.

It Can Also Be Used in Conversations with ChatGPT

When you repeatedly ask ChatGPT to revise an HTML file, its size tends to grow because of comments, whitespace, and newly added code.

With this tool, the parts that are cleaned up can often achieve a perceptible file-size reduction of around 15%, depending on the HTML.

Code generated by ChatGPT is often relatively readable and well structured to begin with.

If you only reduce unnecessary whitespace and comments, most of the actual code remains unchanged. Therefore, I believe the impact on reasoning is also relatively small.

For these reasons, when passing the HTML to ChatGPT again, this tool is expected to provide the following benefit:

Slightly reduce input/output token usage while keeping the impact on reasoning relatively small.

The reduction in output applies when asking ChatGPT to generate the entire revised HTML file.

This does not necessarily apply when asking it to generate only part of the file.

I have added the following prompt to my ChatGPT custom instructions:

- Don't reformat minified HTML.

Choose a Mode Based on Your Use Case

If you are only sharing an HTML file in a chat and the recipient probably does not need to read its contents directly, you can use Experimental mode to reduce the file size further.

On the other hand, when distributing a file through a web server, compression such as gzip or Brotli is often performed automatically. For that reason, self-extracting compression is generally not recommended.

In such cases, I recommend using Clean Only to reduce the size of the HTML itself before publishing it.

You only need to drag and drop the file, so if you frequently create and revise HTML with ChatGPT, please give it a try.

👇 Try the site here

https://uni928.github.io/Uni928PublicHTMLs2/index2English.html

For Those Who Want to See the Code

👇 GitHub

https://github.com/uni928/Uni928PublicHTMLs2/blob/main/index2English.html

The GitHub URL is provided for anyone who wants to visually inspect the source code and check for potentially malicious code.

Although it is not possible to perform a completely exhaustive review, another useful approach is to download the file, attach the code to ChatGPT, ask it to check for potentially malicious code, and then use it locally.

I also recommend using ChatGPT or similar tools to tune the site so that it works better for your own needs.

If you create a more convenient site, I would be happy to use it as well, so I would appreciate it if you made it publicly available.

If you publish a modified version of this repository rather than rebuilding it completely from scratch, please follow the terms of the MIT License when distributing it. This includes retaining the copyright notice and the MIT License text.

Make Basic HTML Analysis More Difficult

uni928 — Fri, 21 Aug 2026 01:14:10 +0000

This plugin makes saving the page with “Save As” and analyzing it through Developer Tools more difficult.

The page is displayed using a Blob URL, so “View Source” is also unavailable. This reduces the number of simple ways to inspect the source. However, some APIs may not work because the page uses a Blob URL.

Add the following script:

<script src="https://uni928.github.io/Uni928PublicHTMLs/Plugin/plugin8.js"></script>

Sample:

https://uni928.github.io/Uni928PublicHTMLs/index88_sample2.html

This is not a complete security measure, but it can make casual analysis more difficult.

👇Github

https://github.com/uni928/Uni928PublicHTMLs/blob/main/index88_sample2.html

https://github.com/uni928/Uni928PublicHTMLs/blob/main/Plugin/plugin8.js

Back Up Your ChatGPT Conversations as Easy-to-Read HTML

uni928 — Wed, 19 Aug 2026 05:54:52 +0000

I created a tool that lets you load a saved ChatGPT HTML file and convert the conversation into a cleaner, easier-to-read HTML page.

Note: This tool does not create an HTML file that can be imported back into ChatGPT. It only generates an HTML file for easier viewing.

Note: The tool is designed for the current HTML format saved by ChatGPT. It may stop working if ChatGPT changes the structure of its saved HTML pages.

Try the Tool

You can use it directly in your browser:

https://uni928.github.io/Uni928PublicHTMLs2/index6English.html

No installation is required.

How to Use It

Open the conversation you want to save in the browser version of ChatGPT.
Right-click the page and select “Save As…”
Drag and drop the saved HTML file into the tool.
Click “Download HTML”

That’s it.

The tool will generate a new HTML file with the conversation organized into a much more readable format.

Main Features

Organizes messages from you and ChatGPT into a conversation-style layout
Can generate the page with ChatGPT responses collapsed by default
ChatGPT responses can be expanded and collapsed by clicking them
Reformats tables to make them easier to read
Displays code blocks, headings, lists, and other content in a cleaner format
The generated page is also a single HTML file, making it easy to save or share

This is especially useful for long conversations.

By keeping ChatGPT responses collapsed by default, you can quickly look through your previous questions and find the part of the conversation you want to review.

Final Notes

I made this tool for situations where you want to look back at a previous ChatGPT conversation later, almost like reading reference material or notes.

Feel free to give it a try:

https://uni928.github.io/Uni928PublicHTMLs2/index6English.html

Turn Markdown into a Readable, Re-Editable HTML File

uni928 — Fri, 24 Jul 2026 03:55:54 +0000

I built a simple browser-based tool that converts Markdown into a clean, readable HTML file.

You can use it immediately by visiting the following page:

https://uni928.github.io/Uni928PublicHTMLs/index80English.html

No installation, account registration, or development environment is required.

What This Tool Does

Write or paste Markdown into the editor, add an optional page title, and save the result as a standalone HTML file.

For example, you can enter:

## Completed

- Fixed the login screen
- Corrected a layout issue

## Under Review

- Mobile browser behavior
- Final accessibility checks

The tool converts this content into a visually organized page that can be opened directly in a web browser.

The downloaded file contains everything required to display the document, so you do not need a separate Markdown viewer.

The Saved HTML Can Be Edited Again

One useful difference from a typical Markdown-to-HTML converter is that the generated file is not limited to viewing.

When you open the saved HTML file, you can return to the editing screen, update the title or Markdown content, and save a new version.

This makes the file useful as a small self-contained document rather than a one-time export.

A simple workflow might look like this:

Create a report in Markdown.
Save it as an HTML file.
Place it in a shared folder.
Open the same file later.
Edit the original Markdown.
Save the updated version.

You do not need to keep a separate Markdown source file unless you want to.

Useful for Shared Folders

The generated HTML file can be placed in a shared team folder, cloud storage folder, USB drive, or local project directory.

Other people can read it simply by opening the file in a browser.

This can be useful because:

no document-viewing application is required
the result is easier to read than a plain text file
the content can still be updated using Markdown
only one HTML file needs to be shared
links, headings, lists, tables, quotes, and code blocks can be displayed clearly

Possible Use Cases

The tool is suitable for lightweight documents such as:

work reports
project status pages
meeting notes
checklists
setup instructions
internal manuals
reference link collections
handover documents
personal notes

It is especially useful when a full document management system would be excessive, but a plain text file would be difficult to read.

How to Use It

Open the tool:

https://uni928.github.io/Uni928PublicHTMLs/index80English.html

Then:

Enter a page title.
Write or paste your Markdown.
Preview the formatted page in the browser.
Save it as a readable HTML file.
Reopen the saved file whenever you need to view or edit it.

The generated file can start either in viewing mode or editing mode, depending on the save option you choose.

Supported Markdown Elements

The tool supports commonly used Markdown formatting, including:

headings
bold and italic text
ordered and unordered lists
task lists
blockquotes
links
images
horizontal rules
code blocks
inline code
tables

The goal is not to replace a full Markdown publishing system, but to make everyday Markdown documents easy to read and share.

Summary

This tool provides a simple middle ground between a plain Markdown file and a full document platform.

You can write in Markdown, export the content as a readable standalone HTML page, share it as a single file, and edit the same file again later.

Try it here:

https://uni928.github.io/Uni928PublicHTMLs/index80English.html

A Button Showcase with One-Click HTML Copy

uni928 — Fri, 24 Jul 2026 03:40:59 +0000

When building a website, choosing a button design can take more time than expected.

You may want something simple, soft, colorful, dark, outlined, or slightly unusual—but comparing many styles usually means repeatedly editing CSS and refreshing the page.

To make that process easier, I created a browser-based button showcase.

Try It Online

You can use it directly from the following page:

https://uni928.github.io/Uni928PublicHTMLs/index78.html

There is nothing to install. Open the page, browse the available designs, and choose a button you like.

Many Button Styles in One Place

The page includes a wide range of button designs, including:

Light and subtle buttons
Solid-color buttons
Dark buttons
Gradient buttons
Outline buttons
Rounded and pill-shaped buttons
Buttons with icons
More experimental designs

The buttons are displayed as actual interactive elements, so you can compare their hover, focus, and pressed states directly in the browser.

Click a Button to Copy It

The main feature of this tool is its copy workflow.

Clicking a button copies a minimal HTML example for that design. This makes it easier to take only the button you need instead of copying the entire showcase page.

The generated example includes the necessary HTML and CSS, so it can be pasted into a new file and tested immediately.

Copy Features for Faster Comparison

The site also includes additional copy-related features to make browsing a large number of designs more convenient.

You can:

Copy a button directly by clicking it
Review the generated code
Copy frequently used button types from the quick-copy panel
Receive visual feedback after a successful copy
Use copied examples as standalone HTML files

This is especially useful when you want to compare several designs before deciding which one to use in a project.

Useful for Prototypes and Small Projects

This tool is intended for situations where you need a usable button quickly, such as:

Creating a prototype
Building a small static website
Testing a landing page design
Comparing color combinations
Looking for CSS design ideas
Preparing a GitHub Pages project

The copied code can also be used as a starting point and customized for your own interface.

Final Thoughts

This is not a complete UI framework. It is a practical collection of button ideas with a copy-focused workflow.

Rather than searching through documentation or manually rebuilding a design, you can open the page, choose a button, and copy a small working example.

Try it here:

https://uni928.github.io/Uni928PublicHTMLs/index78.html

Practical baseline safeguards for ChatGPT-powered services

uni928 — Fri, 13 Feb 2026 04:21:16 +0000

Practical baseline safeguards for ChatGPT-powered services

When building an application using the OpenAI API, it is tempting to ship as soon as “it works.”
However, insufficient safeguards often lead to API key leakage, unexpected traffic spikes, and ultimately serious billing incidents.

This article summarizes practical, lightweight protections that are especially relevant for:

personal projects
internal tools
early-stage prototypes

These are not universal requirements.
What counts as a “baseline” depends heavily on your threat model, user anonymity, billing model, and scale.

A common but underestimated risk

One frequently overlooked risk is direct access to your backend API endpoints, bypassing the UI entirely.

In practice, incidents may also be caused by:

abuse by authenticated users
bugs or retry loops
misconfigured proxies or shared environments

However, direct scripted access to your backend is a very common failure mode, especially when no safeguards exist.

If an attacker can replay the exact same request your frontend sends, they can often exhaust your usage limits in minutes.

This article therefore focuses primarily on protecting your backend (Workers / server) rather than the UI.

Never call the OpenAI API directly from the client

Your frontend should never call the OpenAI API directly.

API keys embedded in browsers or apps will leak
DevTools, network inspection, and modified requests make this trivial

Recommended architecture

Client → Your backend (Workers / server)
Backend → OpenAI API

The client receives only the processed result.

This allows you to:

keep API keys secret
validate and throttle requests
support streaming safely

OpenAI explicitly recommends this approach in its official documentation.

Always implement rate limiting

Rate limiting is essential, even for small projects.

Typical limits include:

per 5 minutes
per hour
per day

Implementation can be simple:

store a counter
store the start time of the window

Cloudflare Workers with KV, Durable Objects, or D1 make this straightforward using IPs, user IDs, or session identifiers.

Lightweight one-time tokens (with clear limitations)

To discourage trivial scripted abuse, you may introduce short-lived request tokens.

For example:

embed an encrypted timestamp
validate that it was generated recently (e.g., within 10 seconds)

⚠️ Important limitations

This is not cryptographically strong authentication
This does not fully prevent replay within the valid window
This must never replace proper authentication

Think of this as friction, not security.

It is useful against:

naive replay scripts
casual scraping
low-effort abuse

It is not sufficient against a determined attacker.

Review auto-recharge and billing assumptions carefully

Billing incidents are often underestimated.

There are real-world reports of:

usage continuing briefly after limits were reached
negative balances appearing despite prepaid setups

Budget limits should be treated as operational safeguards, not hard guarantees.

For small projects, consider:

disabling auto-recharge
keeping balances low
adding monitoring and alerts

Using a dedicated debit card with a low limit can further cap worst-case damage.

Production services require real authentication

The measures above are suitable for:

prototypes
internal tools
anonymous experiments

For real services, you will need:

OAuth or equivalent authentication
session and token management
per-user quotas and permissions

IP-based checks alone are insufficient, as client-side values can be forged.

Defense must be layered: authentication, rate limits, quotas, and monitoring.

Never let the client choose the model

Model selection directly affects cost.

Best practice:

fix allowed models on the server
reject anything outside a strict allowlist

Do not rely on obscurity or “confusion” tactics.
Clear validation and rejection are safer, simpler, and easier to operate.

Conclusion

For small-scale ChatGPT-powered services, the following baseline practices already eliminate many real-world incidents:

keep API keys on the server
enforce rate limits
treat billing controls realistically

These measures will not make your system unbreakable — but they raise the cost of abuse enough that most attackers move on to easier targets.

Security is not about perfect defenses, but about making misuse inconvenient and uneconomical.

Original Japanese article (source of revision): https://qiita.com/uni928/items/061432019b316e418902

[ChatGPT Blender] How to Work Around the BlenderGPT Error

uni928 — Fri, 15 Aug 2025 03:22:06 +0000

BlenderGPT may sometimes fail to work properly.
One of the main causes is that the ChatGPT API Key input field cannot read beyond the 128th character.

Workaround Steps

After installing the add-on, go to Blender’s add-on settings screen, click the “folder” icon, and open the add-on’s installation folder.
Open the __init__.py file in Notepad or another text editor.
Search for openai.api_key and enter your API Key directly in its declaration.

Operation Check

Applying the above fix will allow BlenderGPT to function normally.

That concludes our guide on how to work around the BlenderGPT malfunction.
Thank you for reading.

I’ve created a web tool to batch add update dates at the beginning of filenames

uni928 — Mon, 21 Jul 2025 01:53:17 +0000

Have you ever had to add update dates at the start of filenames?

For example, in some companies there are rules like:

“When uploading files to a shared folder, please add the update date at the beginning of certain filenames.”

However, when dealing with many files, this task can be surprisingly tedious and time-consuming.

Renaming each file manually every time is stressful, isn’t it?

To solve this, I developed a web tool that can process all files in a folder at once and automatically add the update date.

Since it runs in your browser, there’s no need to install anything—you can use it right away.

Please give it a try!

🌐 Try it here

💡 Use Cases

This tool is useful in the following scenarios:

✅ When you want to add dates before uploading files to a shared drive or Google Drive

✅ When you need to organize multiple files like monthly or weekly reports where update dates are important

✅ When you want to automate renaming instead of manually editing filenames one by one

✅ When you want to replace old dates in filenames with the latest update date

🛠 How to Use

１. Click the “Select Folder” button

Use your browser’s File System Access API to select the folder you want to process. (Subfolders are not included.)

２. Automatically process all files in the folder

If a date in “YYYYMMDD” format already exists at the beginning, it will be removed and replaced with the current update date.

The original files remain untouched; new copies with updated dates are created.

３. Check the results

After processing, new files like “20250717filename.txt” will appear in the folder.

🚨 Notes:

This tool only works in browsers that support the File System Access API, such as Google Chrome or Microsoft Edge.

For safety, subfolders are excluded from processing. If you accidentally select something like the C drive, it could cause serious problems—this is why the tool is limited to the selected folder only. Even with an internal blocklist, including subfolders still carries too much risk.

The tool creates copies with the update date added. Note that the “last modified” date inside the copied files will be the date they were duplicated. Please understand this limitation.

🌐 Try it here

👉 Open the tool

If you’d like to verify its safety before using, you can also download it from here and inspect the code yourself.

That’s all for the introduction of this web tool for batch adding update dates to filenames.

I hope this tool helps you streamline your workflow.

Thank you for reading until the end! 🙌

P.S.

This article was proofread using ChatGPT.

Apologies if you’re not a fan of AI-assisted editing.

I Created a Website That Helps You Easily Generate ChatGPT Prompts for Blender Python API Code

uni928 — Wed, 16 Jul 2025 04:19:58 +0000

Did you know you can use ChatGPT to generate Blender Python API code when creating models in Blender?

These days, ChatGPT has become so accessible that you can start using it instantly—no account required.

For example, if you want to “create a food stall”, you can ask ChatGPT to write code that automates the process of building the framework in Blender.

And if you’re using the ChatGPT mobile app, you can even take a photo of a real-world object and say:
“I want to create a 3D model like this image.”

Surprisingly often, you’ll get a result close to what you envisioned.

But… do you ever feel stuck?
Many Blender users might think:
“I don’t know how to ask ChatGPT the right way...”

That’s why I created a simple website where you just type what you want to generate in a text box, and it automatically converts your input into what I believe is a well-structured, effective prompt.

👉 Here’s the site

✨ How It Works
The usage is super simple.

For example, enter something like this:

Japanese Festival Set
  - Food stalls (takoyaki, goldfish scooping, shooting gallery)
  - Lanterns, curtains, and signboards
  - Mini-game props (goldfish buckets, balloon dolls)

The site will then generate the following prompt and copy it to your clipboard automatically:

# Blender Python API Generated Code
# Please write this code with as much quality as possible to meet the requirements below

import bpy

# User instructions:
# Japanese Festival Set
  - Food stalls (takoyaki, goldfish scooping, shooting gallery)
  - Lanterns, curtains, and signboards
  - Mini-game props (goldfish buckets, balloon dolls)

# TODO: Implement high-quality processing here
# Example: create objects, apply settings, handle animations, etc.

When you feed this prompt to ChatGPT, you’ll likely get a much more accurate and higher-quality response compared to a normal query.

💡 In Summary
If you want to boost your Blender workflow, definitely give this tool a try.
You’ll quickly realize:
“The way you ask questions can completely change the quality of AI’s answers!”

🙏 Thank you for reading!

Once again:
👉 Here’s the site

🎉 A Web App to Bulk Copy “Related Files” in a Folder with Drag & Drop

uni928 — Mon, 14 Jul 2025 03:57:35 +0000

Today, I’d like to introduce a web app that can instantly find and copy all files in a folder containing the name of a file you drag & drop. (I’ll explain the details below.)

With this web app, you can quickly list out which files reference a dreaded file like CommonFunctionA.cs.

By listing all related files, it also makes it much easier to ask questions to ChatGPT.

💡 What Can It Do?

Imagine you have the following folder structure:

FolderA
├── FolderB
│   ├── aaa.txt
│   └── bbb.txt
├── ccc.txt  ← drag & drop
└── ddd.txt

When you drag ccc.txt into the browser, the app performs these actions:

✅ Recursively searches within the folder

✅ Extracts all files that contain the string ccc in their content

✅ Copies the file names and their contents to the clipboard in bulk

📝 Technical Highlights

🚀 File System Access API

This app uses the File System Access API to explore the contents of your local folders directly from the browser.

✅ Recursive folder search

✅ Bulk copy using the Clipboard API

🎯 Summary

With just drag & drop, you can bulk copy all “related files,”

making it perfect for large-scale local text searches or as a code review assistant.

Note: It does not copy “related files of related files.”

While it’s possible to implement this, doing so could result in copying the entire folder due to chain references.

Also, I’ve been debating whether such a web app should include itself (the dragged file) in the output. (Currently, it doesn’t.)

Including it might make it more user-friendly, but from the perspective of “who is using CommonFunctionA.cs?”, it seems more accurate to exclude it.

📌 Links

Original Version:

https://uni928.github.io/DirectoryInFileAllCopy/index5.html

Updated Version (Includes Self):

https://uni928.github.io/DirectoryInFileAllCopy/index6.html
I decided to release this version too since it’s more convenient when asking ChatGPT questions.

Source Code (for local use and safety checks):

https://github.com/uni928/DirectoryInFileAllCopy

Feel free to download it and try it out locally!