I built GEO Tarot: 22 interactive SVG cards explaining Generative Engine Optimization
EO optimizes for a list of links. GEO optimizes for being included in the answer. I have been implementing Generative Engine Optimization on my own blog for the past three months. llms.txt, JSON-LD...

Source: DEV Community
EO optimizes for a list of links. GEO optimizes for being included in the answer. I have been implementing Generative Engine Optimization on my own blog for the past three months. llms.txt, JSON-LD Knowledge Graphs, citable content structure, distributed presence across authority platforms. The more I documented, the more I realized there are about 22 core concepts that make GEO work. 22 concepts. 22 tarot major arcana. The metaphor was too perfect to ignore. So I built it: GEO Tarot How it works 22 cards laid out in a grid, face down. Each back shows a generative pattern built from the same hash-based algorithm I use for my blog post images. Click any card to flip it with a CSS 3D animation. The front reveals the GEO concept with an abstract SVG illustration and a short explanation. The stack Vanilla PHP. CSS animations for the flip. JavaScript for interaction. SVG for all illustrations. No frameworks. No external JS libraries. No AI-generated art. Every geometric illustration is hand