SCRAPLET CONTROL STUDIO ISSUE #01 LOADING APPROVED
SYSTEM ONLINE • DEFENSES ARMED
SCRAPLET

Conversational Design & On-The-Fly Layouts

With Disco Scrapbot, your Discord chat becomes a high-fidelity design studio. You don't have to fiddle with manual properties or position coordinates in a browser UI anymore. Simply instruct Scrapbot with natural language to generate layouts, drop vector assets, and arrange design elements in real-time.

Bender Logic

"You want a circle? Boom, circle. You want it cyber-pink? Bam. Just say the word and my processors will do the heavy lifting while you take all the credit." — Scrapbot

Core Drawing Commands

Scrapbot translates conversational prompts into clean canvas elements. Under the hood, it executes precise coordinate placement, layering, and formatting:

  • Create Overlays: "Scrapbot, create an overlay named Start Screen" or use the create_overlay command. This spins up a blank, transparent broadcast-grade 1920x1080 canvas.
  • Add Text Elements: "Write 'STREAM STARTING SOON' in bold neon blue in the center".
  • Place Vectors & Icons: "Put a game controller icon in the bottom-left corner". Scrapbot references Scraplet's extensive built-in vector asset library (via add_vector_to_overlay) and scales it cleanly.
  • Draw Geometric Shapes: "Add a semi-transparent dark grey container panel on the right third of the screen".

Intelligent Style-Matching Engine

One of Scrapbot’s most powerful abilities is the **Aesthetic Style-Matching Engine** (getDominantTheme). When you ask Scrapbot to add an element, it doesn't just throw standard shapes or generic colors onto your canvas. It acts like a professional designer.

How it works:

  1. Canvas Scanning: Scrapbot inspects all active visual elements already residing on the target overlay.
  2. Metric Extraction: It extracts key styling characteristics:
    • Primary, secondary, and accent colors.
    • Typography choices (font families, weights, letter-spacing).
    • Border corner rounding (border-radius values).
    • Drop shadows and border treatments (neon glows, sleek minimalist borders, flat solids).
  3. Aesthetic Synthesis: Scrapbot uses getDominantTheme to synthesize these metrics into a design tokens block, matching the style of any new element (like progress widgets or lower-thirds) perfectly with the canvas's ambient look.

Example Interaction:

User: "Scrapbot, add a subscribe goal bar on the bottom"
Scrapbot: "Scanning 'Main HUD'... I found a chunky retro-arcade aesthetic (heavy borders, Courier font, neon cyan). Synthesizing a matching goal bar..."

The result is a beautifully styled progress bar that looks like it was meticulously hand-crafted as part of the original design template rather than generated by a robot.

Full Themes & Presets

You can also ask Scrapbot to overhaul the entire canvas's mood on-the-fly using apply_theme_to_canvas. Available default presets include:

Preset Theme Aesthetic Traits Ideal For
cyberpunk Neon pink and cyan, dark semi-transparent glass, glowing borders, monospace typography. Sci-Fi, Late night gaming, Synthwave sessions.
pulp-comic Bold flat yellow/red/teal borders, thick black ink strokes, heavy impact typography, halftone backgrounds. Casual, Retro-pulp streams, Co-op battles.
minimalist Clean slate whites & graphite darks, razor-thin borders, generous spacing, elegant sans-serif typography. Coding streams, Chatting, Professional broadcasts.
arcade-gold Chunky borders, gold gradients, glowing amber text, scanline patterns. Retro retro playthroughs, speedruns.

To apply a full theme, simply ask: "Make my HUD look cyberpunk" or "Apply the pulp-comic theme to the Start Screen".