# Comic-style keyboard building guide

> A keyboard-building guide in comic panels and annotated diagrams: component anatomy, keyboard sizes, PCBs, soldering, assembly, firmware and a finished desk setup. Made from one prompt with Gemini 3.1 Pro and gpt-image-2.

- Kind: Slides
- Live deck: https://github.com/scraperai/awesome-presentations/blob/main/pdf/building-your-first-mechanical-keyboard-from-scratch.pdf?raw=1
- Page: https://meetreference.com/v/comic-style-guide-to-building-keyboard/
- Ready-to-use agent handoff: https://meetreference.com/v/comic-style-guide-to-building-keyboard/agent.txt
- Exact prompt as plain text: https://meetreference.com/v/comic-style-guide-to-building-keyboard/prompt.txt
- Authorship: AI-made, per the source
- Made with: Not stated
- Model: Gemini 3.1 Pro, gpt-image-2
- Built with: not stated
- Services: SERP search
- Style: Decks; comic book, halftone, exploded view, technical illustration, bold outlines, color blocking, playful, instructional
- Slides: 10
- Preview: a flip-through of inspected screenshots; open the live work to experience its motion and interactions.
- Shared by Sosana Studio (scraperai) in GitHub, May 20, 2026: https://github.com/scraperai/awesome-presentations/blob/main/pdf/building-your-first-mechanical-keyboard-from-scratch.pdf
- Prompt fidelity: Verbatim. This is the complete prompt exactly as the creator published it.

## Before you start

Guidance from Reference, separate from the creator's instructions.

1. Read the reference and inspect the project, installed libraries, and available agent skills before writing code. Reuse suitable tools already present.
2. Prefer the creator-reported libraries and skills when they fit the task. Explain what useful additions help with, and install missing project dependencies or relevant skills from official sources when the environment and the user's existing permissions allow it. Respect the project's package manager and setup rules; do not ask again for routine setup already authorized.
3. Distinguish tools used by the creator from your own recommendations. A listed tool is not automatically required, and an empty tools or requirements list means the setup is unknown, not that nothing is needed.
4. Ask concise questions when missing inputs or choices materially affect the result: paid services, credentials, the user's assets, or a different production approach. Use existing answers and permissions; continue independent work while waiting.
5. If a useful library, skill, or service cannot be installed or used, explain an available alternative and its expected effect on quality, features, or effort. Get the user's choice before a material compromise; otherwise state the fallback and continue. Never silently simplify the result or claim to have used a tool you did not use.

Requirements reported by the source: Sosana Studio (sosana.studio) or a similar pipeline: an LLM for outline and copy plus gpt-image-2 for visuals.

## Recreating this deck

These are the creator's published instructions, unedited.

## Prompt

```text
Create a 10-slide enthusiast guide titled 'Building Your First Mechanical Keyboard from Scratch'. Cover layouts, switches, keycaps, PCBs, hot-swap vs soldered, firmware (QMK/VIA), and assembly steps. Use a playful, hobbyist aesthetic with bold color blocks and exploded-view illustrations.
```

## What it looks like

Written by Reference from the captured walkthrough frames, not by the creator.

Playful instructional artwork showing keyboard parts, assembly choices, soldering, keycaps, firmware setup, and the finished board.

- Color: Bright cyan and blue, orange, yellow, cream, and dark teal, with bold contrasting accents.
- Type: Large, heavy sans-serif headings paired with compact labels, callouts, and numbered step markers.
- Framing: Each illustrated page pairs prominent titles and concise callouts with clear drawings of keyboard components and assembly tasks.
- Structure: An ordered build guide moves from introduction and parts identification through layout choices, assembly and soldering, keycaps, firmware, and a finished-board welcome.

Storyboard of the slides: https://meetreference.com/media/comic-style-guide-to-building-keyboard/storyboard.webp

- Slide 1: https://meetreference.com/media/comic-style-guide-to-building-keyboard/f1.webp
- Slide 2: https://meetreference.com/media/comic-style-guide-to-building-keyboard/f2.webp
- Slide 3: https://meetreference.com/media/comic-style-guide-to-building-keyboard/f3.webp
- Slide 4: https://meetreference.com/media/comic-style-guide-to-building-keyboard/f4.webp
- Slide 6: https://meetreference.com/media/comic-style-guide-to-building-keyboard/f5.webp
- Slide 7: https://meetreference.com/media/comic-style-guide-to-building-keyboard/f6.webp
- Slide 8: https://meetreference.com/media/comic-style-guide-to-building-keyboard/f7.webp
- Slide 9: https://meetreference.com/media/comic-style-guide-to-building-keyboard/f8.webp
- Slide 10: https://meetreference.com/media/comic-style-guide-to-building-keyboard/f9.webp

## How it was made, per the creator

- Notes: Each deck was produced from a single text prompt, end-to-end, by a small pipeline of off-the-shelf models:  - **Gemini 3.1 Pro** — drafts the deck outline, slide-by-slide copy, and design direction from the user's prompt. - **SERP search** — pulls fresh facts, statistics, and reference material so the slide content reflects the real world rather than only what's in the model's training data. - **gpt-image-2** — generates every illustration, cover image, diagram, and supporting visual in the brand style the prompt asks for.  No slides were hand-edited; no images were sourced manually. The PDF and PPTX for every deck below are mirrored into this repo under `pdf/` and `pptx/` so the list stays usable even if the original source links change.

## Links

- View deck: https://github.com/scraperai/awesome-presentations/blob/main/pdf/building-your-first-mechanical-keyboard-from-scratch.pdf?raw=1
- Original post: https://github.com/scraperai/awesome-presentations/blob/main/pdf/building-your-first-mechanical-keyboard-from-scratch.pdf