#HIGH Tier Frames Implementation Plan

For agentic workers: REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (- [ ]) syntax for tracking.

Goal: Produce four material variants of the approved HIGH frame and one assembled comparison sheet without changing runtime.

Architecture: Derive every tier from the same 400×600 alpha geometry. Apply deterministic material grading only to non-transparent frame pixels, preserve the shared aperture mask, then composite each approved clipped character and backplate for review.

Tech Stack: ImageMagick, RGBA PNG, existing draft-v1 layered assets.

#Global Constraints

• Canvas is exactly 400×600 RGBA.
• Geometry and alpha come from frame_high_master.png unchanged.
• No character, backplate, aperture, pivot, runtime, glow, particle, or silhouette changes.
• Outputs remain under draft-v1/symbols/high/.

---

#Task 1: Create four frame material variants

Files:

• Read: draft-v1/symbols/high/frame_high_master.png
• Create: draft-v1/symbols/high/frames/frame_high_silver.png
• Create: draft-v1/symbols/high/frames/frame_high_bronze.png
• Create: draft-v1/symbols/high/frames/frame_high_gold.png
• Create: draft-v1/symbols/high/frames/frame_high_platinum.png

Interfaces:

• Consumes: the master frame RGB and alpha.

• Produces: four identically shaped 400×600 transparent frames.

• Extract and retain the master alpha unchanged.

• Grade H1 to silver with cool shadows and pale-violet gem accents.

• Grade H2 to bronze with warm brown shadows and amber gem accents.

• Retain polished gold for H3 with royal-purple gem accents.

• Grade H4 to bright platinum with cool blue shadows and ice-blue gem accents.

• Verify each image is 400×600 RGBA and its alpha is pixel-identical to the master.

#Task 2: Build the review sheet

Files:

• Read: draft-v1/symbols/high/backplate_high_master_frame_clipped.png
• Read: draft-v1/symbols/high/characters/*_frame_clipped.png
• Create: draft-v1/symbols/high/previews/high_tier_frames_contact_sheet.png

Interfaces:

• Consumes: Task 1 frames and existing clipped production layers.

• Produces: one H1 Silver / H2 Bronze / H3 Gold / H4 Platinum comparison.

• Composite backplate, matching clipped character, then matching tier frame.

• Arrange H1–H4 side-by-side on the neutral reel-colour preview background.

• Inspect for geometry drift, leakage outside the aperture, baked VFX, or changed character placement.

• Run git diff --check and confirm no frontend/runtime file changed.