[Shaan-Shoukath]

Summary

• Adds 48 screenshots of Space Works UX in a real product, in screenshots/ux/:
  • Source: Space Works Events at origin/dev 03186e0, run locally with demo data only.
  • Coverage: 16 screens, each in light and dark at 1280×800, with the phone view at 390×844 where it matters.
• New site pages under UX:
  • Patterns in practice: each core pattern (P1–P27) shown in a real screen.
  • Screen gallery: every captured screen, grouped by layout (L1–L9).
  • Inspired by Yuyu: what we kept, what we changed, and the four Yuyu reference boards, shown with attribution and not relicensed.
• The Space Works UX intro page now opens with a hero screenshot and links to the new pages.
• New UxShot and ReferenceBoards components and their styles. On phones, a figure shows only the light and phone views.
• sync-kit.mjs publishes screenshots/ and copies the reference boards under URL-safe names.
• Credits, README and .gitattributes are updated; *.webp and *.woff are now marked as binary.

Test plan

• cd site && npm run build passes: 19 pages, and all internal links are valid.
• Checked in a local preview:
  • every screenshot and reference board loads, including the board whose name has a comma and an ampersand
  • light, dark and phone figures lay out correctly

🤖 Generated with Claude Code