EXPLORINEER
en

Hatena

How to Make "Dopa Documents" - Qiita

SoftwareFirst seen 73 points


A Qiita blog post by a writer known as kikuziro explains how to make eye-catching diagrams for tech articles using AI. The writer says over-the-top "dopamine" visuals are fun, but a milder mix works better for readers.

What the article says

The writer shows a very flashy animated diagram, styled like a pachinko 'reach' flashing screen, that compares Naive RAG and GraphRAG. Then the writer explains that such loud visuals are tiring to look at. The writer shows how to change the style of one simple diagram (AWS Lambda) by changing the prompt, and how to add a looping animation to it. The main message is to add a few diagrams to make an article easier to notice.

Why diagrams are being used more

The writer says many articles are now written by AI, and readers often skip anything that looks like it. Even human-written articles get ignored. The writer started using SVG, a simple text-based picture format that AI can write directly. Over time, the common SVG style also started to look like 'AI slop' (low-effort AI content).

Key numbers and facts

  • The article's Qiita post shows 301 likes and 163 bookmarks or saves, and 2 comments.
  • The writer tried 9 different visual styles for the same AWS Lambda diagram, such as a notebook sketch, a blueprint, a manga, and a Famicom-style game screen.
  • The suggested GIF animation loops every 6 seconds.

Why it matters

Readers now feel that many articles look the same. The article suggests that a human touch, a little surprise, and some fun can help a post stand out. Using AI to make pictures is not the problem, but making every picture look the same is. The writer also says that today's new style may become common and boring too, so creators will need to keep finding new looks.

What to watch

  • Whether more writers use unusual visual styles, which could make them look like the next common trend.
  • How readers react to animated diagrams compared with plain text articles.
  • Whether the 'AI slop' label spreads further and changes how people judge tech writing.

Glossary

SVG
A picture format made of text code, so AI tools can write and edit it directly.
GIF
A short image file that plays as a simple looping animation.
Naive RAG
A basic way for AI to look up outside information before it answers a question.
GraphRAG
A more advanced version of RAG that links facts together like a web, so the AI can connect ideas.
AWS Lambda
An Amazon Web Services tool that runs small pieces of code only when they are needed, without managing servers.