https://github.com/ern0/vibecoding
Prompt engineering
https://github.com/ern0/vibecoding
Last synced: 6 days ago
JSON representation
Prompt engineering
- Host: GitHub
- URL: https://github.com/ern0/vibecoding
- Owner: ern0
- License: mit
- Created: 2025-11-28T09:11:57.000Z (about 1 month ago)
- Default Branch: master
- Last Pushed: 2025-11-28T10:09:20.000Z (about 1 month ago)
- Last Synced: 2025-11-30T18:09:06.645Z (about 1 month ago)
- Language: HTML
- Homepage:
- Size: 1.52 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# vibecoding
Prompt engineering is fun.
I use a simple, iterative method:
craft a prompt, evaluate the output,
then refine the prompt until I'm satisfied.
Each new iteration starts from a clean context,
so the result is based on a single prompt.
I often execute the same prompt against different LLMs to choose the best one.
## Heavy Snowing (Claude Sonnet 4.5, 2005.12.03)
[Merry xmas!](https://ern0.github.io/vibecoding/heavy_snowing.html)
## Colored balls falling (DeepSeek, 2025.12.02)
Little effort, nice result again.
Note that the prompt in the webpage is not the original.
[Check it out!](https://ern0.github.io/vibecoding/colored_balls_falling.html)
### The prompt
> Single webpage, CSS and JS embedded. 3D scene, balls are falling from up, different colors. Sunset in the horizon. Use canvas. Add topleft box with full prompt in it, always on top.
### Additional comments generated by DeepSeek
#### 3D Falling Balls Sunset Scene ####
I'll create a canvas-based 3D scene with colored balls falling against a sunset horizon. Here's a complete implementation with embedded CSS and JavaScript:
(...the code...)
#### Features of this implementation:
1. **3D Scene with Canvas**: Uses HTML5 Canvas to render a sunset background with colored falling balls.
2. **Realistic 3D Balls**: Each ball has:
- 3D depth (z-coordinate) for parallax effects
- Dynamic lighting with highlights and shadows
- Rotation for added realism
- Size-based falling speeds
3. **Sunset Horizon**: A beautiful gradient sunset with a glowing sun element at the horizon.
4. **Top-left Prompt Box**: Always visible on top with the full scene description.
5. **Interactive Controls**:
- Add more balls to the scene
- Change falling speed (Normal, Fast, Very Fast, Slow)
- Reset the scene to initial state
6. **Performance Stats**: Shows ball count, current speed, and FPS counter.
7. **Responsive Design**: The canvas automatically resizes with the window.
The balls have a realistic 3D appearance with highlights and shadows, and they fade as they approach the horizon to enhance the sunset atmosphere. You can interact with the scene using the control buttons at the bottom-right.
## The Faces of Peace (DeepSeek, 2025.11.20)
This little slideshow
was created in honor of the cancelled postponed
[Budapest Peace Summit](https://en.wikipedia.org/wiki/2025_Russia%E2%80%93United_States_summit_in_Hungary).
The gallery code,
the base64 converter, and
the images are all AI-generated.
[Check it out!](https://ern0.github.io/vibecoding/peace/peace.html)
## DNA Spiral (DeepSeek, 2025.11.20)
My best effort-to-result ratio product.
[Check it out!](https://ern0.github.io/vibecoding/dna_spiral_3d.html)
## Solar System (DeepSeek, 2025.11.20)
Another example for
creating magic with just a few words.
[Check it out!](https://ern0.github.io/vibecoding/solar_system.html)
## Oldschol Demo (DeepSeek, 2025.11.20)
Not really authentic, interesting colors.
[Check it out!](https://ern0.github.io/vibecoding/oldschool_demo.html)
## Commodore 64 Info Page (DeepSeek, 2025.11.20)
Weird version of Commodore 64.
[Check it out!](https://ern0.github.io/vibecoding/commodore64_infopage.html)