I built a Chrome extension that renders 2D/3D chemical structures directly on any webpage. It was originally designed to help with chemistry workflows in LLMs (like ChatGPT or Claude), where complex nomenclature is common but visual representation is often missing.
How it works:
It uses a regex-based trigger chem:mol=name: to detect chemical markup. You can also right-click any IUPAC name or common name (like "benzene") to render it instantly. Key Technical Details: Rendering: Uses a custom engine to generate bond-line diagrams.
3D View: Integrated 3D rendering for molecules, minerals, and biological assemblies (proteins/viruses) from RCSB. Performance: Implements SVG caching and lazy loading to ensure it doesn't slow down the browser. Privacy: Only processes text matching the specific trigger pattern /\bchem:([^:]+):/g; no other page data is collected. I'd love to get your feedback on the rendering style and any suggestions for additional markup triggers that would be useful for scientific typesetting.