Capturing Context: Screenshots, Voice Notes, and Specs
Bjorn walked through the practical tools he uses to capture raw context. The process starts with screenshots. He demonstrated taking a screenshot of an existing design, dropping it into Google AI Studio with Gemini Pro, and asking the model to write out the specs so a designer could fully understand the branding, color palette, typography, and card structures. The result is a structured description that becomes part of the knowledge base.
lightbulbScreenshot-to-Spec Workflow
Take a screenshot of any existing design or reference. Upload it to a multimodal model like Gemini Pro. Ask it to extract the visual specs: colors, typography, spacing, component patterns, and layout rules. Save the output as a Markdown file in your knowledge base.
For capturing thoughts and ideas quickly, Bjorn relies on Flow, a Whisper-based voice transcription tool. Rather than typing out detailed notes, he records voice memos that get transcribed automatically. For meeting transcripts specifically, he uses MeetMemo.app, which records and transcribes meetings automatically so every insight from user interviews, stakeholder calls, and team syncs flows straight into the knowledge base. The Product Consortium members get lifetime access to MeetMemo as part of their membership. The key habit is capturing first and organizing later, so nothing gets lost between having the thought and sitting down to build.
He described this collection of artifacts as a "Second Brain" for AI interactions. Voice notes, meeting transcripts, brand guidelines, competitor analyses, and product requirements all live as Markdown files in a structured folder. When it is time to prompt, you pull from the knowledge base instead of trying to reconstruct everything from memory.
The Context Framework: Five Pillars of a Good Brief
Bjorn presented a framework for structuring context that applies whether you are prompting a code generation tool, a design assistant, or a writing model. Five elements make up a complete brief that consistently produces high-quality output.
- Who you are: your role, your expertise level, and the perspective you bring to the project
- What you are building: the product, feature, or deliverable, described with enough specificity that the model understands scope
- The user: who will use this, what their goals are, and what constraints they face
- Constraints: technical limitations, brand guidelines, deadlines, budget, or platform requirements
- Success criteria: what 'done' looks like, including acceptance criteria, quality benchmarks, and edge cases to handle
The framework is deliberately simple because the goal is adoption, not perfection. Even filling in three of the five pillars before prompting will produce dramatically better results than a bare request. Bjorn emphasized that models today follow instructions closely. If you provide a general prompt, the model will make assumptions about everything. But if you give it a list of components and the content, it will mimic exactly what you have written down.
infoSpecificity Drives Quality
Models today follow instructions closely. A general prompt leads to generic output because the model fills in every gap with assumptions. A detailed brief with components, content, and constraints produces output that matches your intent almost exactly.