Dive Club 🤿 Karl Koch - Tips for New Design Engineers
8 snips
Feb 4, 2026 
Karl Koch, a design engineer who crafts interaction details and teaches others to bridge design and engineering. He talks about adopting a craft-oriented design-engineering mindset. He warns about common AI-generated code pitfalls and recommends practical tactics like inspecting in-browser, curating reference docs, and careful motion timing. He outlines a learning path and what employers expect in the role.
AI Snips
Chapters
Transcript
Episode notes
Embed Small Rules For Better AI Prompts
- Teach your AI assistant domain rules by feeding it short reference docs like "you might not need an effect."
- Then ask the model to check code against that doc to catch unnecessary useEffect usage.
Never Use Index As A List Key
- Avoid using array indexes as React list keys; generate stable unique IDs instead.
- Using stable keys preserves correct insertion, deletion, and animation behaviors.
Use The Browser Inspector Before Prompting AI
- Debug visually first by using the browser inspector for simple fixes like object-fit and image styles.
- Fixing small CSS issues yourself often saves time and AI credits compared with over-prompting.