You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
Repository navigation
Commit 7059377
Browse filesBrowse the repository at this point in the historyBrowse files
Create a dark, moody digital illustration showing a single glowing green signal (representing an actionable alert) emerging clearly from a chaotic storm of hundreds of dim, red and orange notification icons swirling in the background. The composition should convey the concept of signal vs. noise. Style: modern tech illustration, dark background with high contrast lighting, cinematic depth of field, 16:9 aspect ratio.
10
+
11
+
### Prompt 2: On-Call Engineer Focus Scene
12
+
13
+
Illustrate a calm, focused engineer at a minimal workstation with a single clean dashboard showing one alert, contrasted against a ghostly background showing the same engineer overwhelmed by dozens of floating notification windows. Split composition showing before/after. Style: stylized digital art, muted color palette with one accent color (green) for the actionable alert, professional tech aesthetic, 16:9 aspect ratio.
14
+
15
+
### Prompt 3: Funnel Filtering Metaphor
16
+
17
+
Design an abstract visualization of a wide funnel at the top receiving hundreds of small alert icons (mixed colors, chaotic), filtering down through classification layers, with only a handful of clean, distinct alerts emerging at the bottom. Each layer of the funnel should be labeled subtly (Audit, Classify, Aggregate). Style: clean infographic illustration, isometric perspective, tech company brand aesthetic, blue and green color scheme, 16:9 aspect ratio.
18
+
19
+
### Prompt 4: Signal Amplification Through Reduction
20
+
21
+
Create a visual metaphor showing a radar or sonar screen with a single bright, clear ping in the center, surrounded by a faded halo showing where noise used to be. The clear ping should be labeled or styled to suggest it represents a critical, actionable alert. Style: military-tech aesthetic, dark background with green/cyan glow, vintage CRT monitor texture, 16:9 aspect ratio.
22
+
23
+
### Prompt 5: The Alert Audit Dashboard
24
+
25
+
Illustrate a stylized monitoring dashboard showing alert metrics transforming from chaotic (left side: crowded charts, red indicators, overwhelmed UI) to clean (right side: sparse, green indicators, clear hierarchy). The transition should flow naturally across the image. Style: UI/UX focused illustration, modern SaaS aesthetic, subtle gradients, professional color palette, 16:9 aspect ratio.
Copy file name to clipboardExpand all lines: _TODO.md
+29-23Lines changed: 29 additions & 23 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -108,29 +108,10 @@ writing-library-code
108
108
109
109
We have generated detailed outlines for each of the MDX proposed articles we have in src/content/articles. It's time to write our articles. Review ./CONTENT.md for the goals and voice to use in our website. Each outline includes various components we use on our site that can be incorporated into the final article but do not have to be included if they don't fit into the content well or are excessive.
110
110
111
-
Act as a principal software engineer. Your goal is to write a detailed technical article based on the provided outline. Context: The target audience is Senior DevOps and infrastructure Engineers. The tone should be authoritative, professional, and concise, avoiding fluff or filler words. Think step-by-step before writing to improve the accuracy of technical explanations. Use a friendly first-person voice, but anything that reads like generic marketing copy is not what we want.
112
-
113
-
Let's work through each article section by section based on the H2 headers in the outline.
Act as a principal software engineer. Your goal is to write a detailed technical article based on the provided outline. Context: The target audience is Senior DevOps and infrastructure Engineers. The tone should be authoritative, professional, and concise, avoiding fluff or filler words. Think step-by-step before writing to improve the accuracy of technical explanations. Use a friendly first-person voice. Anything that reads like generic marketing copy is not what we want but we still want the effect of being "real" and approachable - try not to sound like technical documentation. We want to show empathy for our readers.
112
+
113
+
Let's work through each article section by section based on the H2 headers in the outline. If the section looks good as-is, I'll just type "ok" so you know to continue to the next section.
Each of our the index.mdx files in our articles folders in src/content/articles has some content that I want to copy into COVERS.md, and some content that I want to cut and remove from the index.mdx file and past into COVERS.md. I've done the first one (src/content/articles/alert-fatigue-reduction-triage-actionable-alerts/index.mdx) so you can see what it should look like.
128
+
129
+
Ignore the following four folders in src/content/articles: building-with-astro, demo, typescript-best-practices, useful-vs-code-extensions, and writing-library-code.
130
+
131
+
1. Copy the folder name to an H2 heading in COVERS.md, for example:
2. Copy the "title" key and its value from the index.mdx file and paste it into COVERS.md, for example:
136
+
137
+
title: "Alert Fatigue: From 200 Alerts to 5 Pages"
138
+
139
+
3. Cut and remove the content at the bottom of each article index.mdx file that begins with a markdown HR and includes its H2 header and the five H3 headers for prompts. The starting text looks like:
140
+
141
+
---
142
+
143
+
## Cover Prompt
144
+
145
+
### Prompt 1: [...]
146
+
147
+
4. Delete the HR and the H2 labeled "Cover Prompt" in the COVERS.md file, so that the five H3 "Prompt" headings begin directly below the H2 heading with the directory folder name.
148
+
149
+
5. Make sure the index.mdx ends with a single blank line and has the "Cover Prompt" text with its related HR markdown element and H3 headings and paragraph text removed.
Create a dark, moody digital illustration showing a single glowing green signal (representing an actionable alert) emerging clearly from a chaotic storm of hundreds of dim, red and orange notification icons swirling in the background. The composition should convey the concept of signal vs. noise. Style: modern tech illustration, dark background with high contrast lighting, cinematic depth of field, 16:9 aspect ratio.
411
-
412
-
### Prompt 2: On-Call Engineer Focus Scene
413
-
414
-
Illustrate a calm, focused engineer at a minimal workstation with a single clean dashboard showing one alert, contrasted against a ghostly background showing the same engineer overwhelmed by dozens of floating notification windows. Split composition showing before/after. Style: stylized digital art, muted color palette with one accent color (green) for the actionable alert, professional tech aesthetic, 16:9 aspect ratio.
415
-
416
-
### Prompt 3: Funnel Filtering Metaphor
417
-
418
-
Design an abstract visualization of a wide funnel at the top receiving hundreds of small alert icons (mixed colors, chaotic), filtering down through classification layers, with only a handful of clean, distinct alerts emerging at the bottom. Each layer of the funnel should be labeled subtly (Audit, Classify, Aggregate). Style: clean infographic illustration, isometric perspective, tech company brand aesthetic, blue and green color scheme, 16:9 aspect ratio.
419
-
420
-
### Prompt 4: Signal Amplification Through Reduction
421
-
422
-
Create a visual metaphor showing a radar or sonar screen with a single bright, clear ping in the center, surrounded by a faded halo showing where noise used to be. The clear ping should be labeled or styled to suggest it represents a critical, actionable alert. Style: military-tech aesthetic, dark background with green/cyan glow, vintage CRT monitor texture, 16:9 aspect ratio.
423
-
424
-
### Prompt 5: The Alert Audit Dashboard
425
-
426
-
Illustrate a stylized monitoring dashboard showing alert metrics transforming from chaotic (left side: crowded charts, red indicators, overwhelmed UI) to clean (right side: sparse, green indicators, clear hierarchy). The transition should flow naturally across the image. Style: UI/UX focused illustration, modern SaaS aesthetic, subtle gradients, professional color palette, 16:9 aspect ratio.
0 commit comments