# 3D Particle Prompt Pack

## Recommendation

Short answer:

- `Stitch`:
  good for layout, composition, UI tone, spacing, typography, and visual direction
- `Gemini`:
  better for real interactive implementation, especially `Three.js / WebGL / particle animation / shader-like motion`

Best workflow:

1. Use Stitch to refine:
   - centered title
   - lower-centered chat shell
   - glass tone
   - spacing and hierarchy
2. Use Gemini to generate:
   - 3D particle subject
   - orbiting particle halo
   - animated holy glow
   - performance-adaptive Three.js code
   - single-file HTML merge code

## Current Project Path

- Main page: `/Users/adonisdc/Documents/New project/holy-chicken-ai-debate-hall/index.html`
- Offline preview: `/Users/adonisdc/Documents/New project/holy-chicken-ai-debate-hall/offline-preview.html`

---

## Prompt For Stitch

Use this when you want Stitch to redesign the page so it visually *suggests* a 3D particle deity, while still focusing on UI composition.

```text
Redesign this web page into a sacred, monumental AI debate hall whose main subject feels like a giant celestial figure made of luminous 3D particles.

Important:
- Focus on UI composition and visual direction, not backend logic.
- Keep the page centered on one strict vertical axis.
- Keep one small lower-centered conversation window only.
- Remove all extra UI, settings panels, helper chips, and side content.

Art direction:
- The main celestial subject should feel like a divine rooster-like god formed from floating golden and blue particles.
- The figure should appear huge, distant, and suspended in cosmic darkness.
- The atmosphere should be solemn, mystical, and grand.
- Use light beams, particle halos, soft nebula haze, and sacred glow.
- Make the title compact and centered.
- Make the chat shell smaller, thinner, quieter, and more refined.

Do not make it look like a SaaS dashboard.
Do not add extra panels.
Do not add playful UI.

Output:
- improved HTML structure for title and chat shell
- improved CSS for centered composition, spacing, lighter borders, and cinematic sacred atmosphere
- keep it simple enough to merge into a single HTML file
```

What to expect from Stitch:
- good at composition and visual simplification
- useful for “how it should look”
- not ideal for a true WebGL particle deity implementation

---

## Prompt For Gemini

Use this when you want actual code for the animated 3D particle subject.

```text
I have a single-file HTML project for a sacred AI debate hall.

Project file:
/Users/adonisdc/Documents/New project/holy-chicken-ai-debate-hall/index.html

I want you to upgrade the main visual subject so it feels like a giant divine rooster-like entity made from animated 3D particles, instead of a relatively solid sculptural figure.

Implementation requirements:
- keep the project as a single-file HTML page
- use plain HTML/CSS/JS
- use Three.js from CDN only
- do not introduce a build step
- keep the existing chat functionality intact
- keep one lower-centered chat window only
- preserve responsive desktop/mobile behavior

Visual requirements:
- the main subject should look like a holy celestial figure assembled from thousands of glowing particles
- particles should drift, pulse, breathe, and subtly reorganize
- wings should feel volumetric and made of particle swarms
- the head / torso / halo should be more recognizable through denser particle clusters
- use gold as the primary particle color, with blue-white secondary light
- keep a low-angle cinematic camera
- strengthen holy light beams and volumetric atmosphere
- preserve the Earth, halo rings, and orbital particles, but make the particle subject the main focus

Performance requirements:
- adaptive particle count based on device capability
- lighter mode on mobile
- avoid freezing weak devices
- preserve a 2D fallback if WebGL is unavailable

Code requirements:
- modify the existing scene code instead of replacing unrelated logic
- keep the page centered and keep the UI shell untouched except where necessary
- use clean, mergeable code
- add only minimal comments

Please return:
1. the exact code changes needed
2. any new helper functions
3. any modified CSS if the scene framing needs adjustment
4. a brief explanation of how the particle deity is constructed
```

---

## Stronger Gemini Version

Use this if you want Gemini to push the effect harder.

```text
Transform the main 3D subject into a true particle deity scene.

Do not make it look like a mesh with a few particles around it.
I want the figure itself to be primarily built from particles.

Desired effect:
- large-scale sacred entity made of dense point-cloud-like glowing particles
- silhouette readable from a distance
- denser particle concentration in head, chest, wings, and halo
- looser particles at the edges to create divine dissolution
- soft motion fields so the body feels alive
- halo and orbit particles should react when the assistant is generating text
- user submit triggers particle gathering
- assistant reply triggers pulsing emission and Earth glow

Technical preference:
- Three.js Points / BufferGeometry based implementation
- one or more particle layers for core body, wing mist, halo sparks, and ambient dust
- no build tools
- must remain mergeable into a single HTML file
```

---

## If You Want A Hybrid Workflow

Use this sequence:

1. Stitch:
   ask for layout and sacred composition only
2. Gemini:
   ask for `Three.js` particle implementation
3. Merge:
   keep Stitch’s title/chat-shell polish
   keep Gemini’s scene code

---

## Practical Advice

If your goal is:

- `better UI look`
  use Stitch first
- `real moving 3D particle god`
  use Gemini first
- `best final result`
  use both, but let Gemini own the actual scene code
