# HCI Spooder-Man Website Remix Prompt

You are helping me adapt Sirui Tao's HCI Spooder-Man website scaffold to my own academic website.

Goal:
Make my website credible first and playful second. Keep papers, CV, contact, and core professional pages easy to find. Add one opt-in playful artifact that makes the research process visible, honest, and remixable.

Use the attached remix-kit assets as references or placeholders. You may reuse the images directly, crop them for layout, or generate new site-native visuals that fit my website style.

Please implement:

1. A compact playful artifact for one honest research tension on my site, such as rejection, revision, fieldwork messiness, prototype failures, reviewer feedback, weird tools, or creative recovery.
2. A small invitation route from the relevant serious page to the playful artifact. The serious work should stay visually primary.
3. A remix guide page that explains how someone else can adapt the pattern with their own colors, academic identity, humor level, and website tone.
4. A reusable assets section with direct local links for any images used.
5. A copyable prompt section so visitors can hand the scaffold to their own coding agent.

Design guidance:

- Keep navigation boring in the best way: clear, readable, and predictable.
- Make the playful layer feel site-native rather than like a separate movie poster.
- Use compact UI, restrained spacing, accessible contrast, keyboard support, and dark-mode-friendly styling.
- Avoid copying exact commercial badge, game, or platform UI. Use the spirit of achievements and remix culture without cloning a protected interface.
- If generating new assets, adapt colors, academic identity, institution, research materials, and visual tone to my site.

Credits and closing:

- Credit Sirui Tao as the OG HCI Spooder-Man.
- Mention that the inspiration comes from the Spooder-Man trailers and playlist.
- End the guide with this line: "This is the creativity I want to scaffold for everyone."
