What problem does it solve? Design documentation pages drift out of sync with what the code actually renders, leaving mockups that show intentions instead of real output. This Skill pulls the Durak Stats Poster System page from Claude Design, splices in the current renderer output, fixes stale prose, and pushes the page back with byte-level verification. ## Core Features & Use Cases - Splice-based updates: Runs node scripts/tools/tools.ts design-page to replace poster <div> bodies matched by name, never regenerating the page or touching surrounding markup. - Prose correction: Detects sentences made false by the change (renamed awards, new colors, changed sizes) and bumps the Rev. marker in header and footer together. - Byte-checked push: Uploads via finalize_plan and write_files, then reads the page back and requires byte-identical match before committing the docs/posters/design-page.sync fingerprint. - Use Case: After refresh-the-pictures redrew the poster mockups, run this Skill so the design page shows the real drawings and docs-check stops failing on the stale sync fingerprint. ## Quick Start Update the design page so it matches what the poster renderer currently draws, then push it back and verify the bytes match.
