Clean code cheat sheet infographic for developers
Prompt
Create a visually appealing infographic cheat sheet about [topic] for [language] developers. The design should include:
- A clear title at the top
- 6-8 sections with before/after code examples
- Color-coded severity indicators (red = avoid, green = prefer)
- Icons or small illustrations for each section
- A clean, modern tech aesthetic with a [color_scheme] palette
- Suitable for printing at poster size or sharing on social media
- Include a brief explanation under each example
Style: flat design, developer-focused, minimal but information-dense.Customise this prompt
Fill in 3 variables to personalise this prompt
Example output
A tall, portrait-format infographic with a dark navy header (#0F172A) reading "Clean Code Patterns" in bold white sans-serif type, with an emerald green (#10B981) accent line beneath. The subtitle reads "Your daily reference for writing code humans can read." The main body is divided into 8 horizontal rows on a white background. Each row is split into two halves: a left panel tinted soft red (#FEF2F2) labeled "Avoid" and a right panel tinted soft green (#ECFDF5) labeled "Prefer." Each row has a small circular icon on the far left and a one-line principle as its header. Row 1 shows a tag icon beside "Name things for humans" — the red side has short cryptic variable names, the green side has descriptive names. Row 2 shows a bouncing arrow beside "Return early, nest less" — red shows a deeply indented pyramid, green shows flat guard clauses. Row 3 has a puzzle piece for "One function, one job" — red is a long monolithic block, green is four small named blocks. Row 4 uses a warning triangle for "Errors are data, not strings." Row 5 shows a lock icon for "Make impossible states impossible" with a union type diagram on the green side. Row 6 has a sparkle-trash icon for "Delete dead code today." Row 7 shows a magnifying glass for "Test behavior, not implementation." Row 8 uses a speech bubble for "Comments explain WHY, not WHAT." The bottom footer is dark navy with the text "Bookmark this. Your future self will thank you." in small white type. The overall aesthetic is minimal, information-dense, and developer-focused — clean enough to print as a desk poster or share as a single social media image. The two-column red/green comparison format makes each principle instantly scannable.