blog: From Natural Language to Autonomous Actions — Progressive Promotion Model

website/blog/media/2026-07-31-progressive-promotion-skills-to-autonomous/batch.json

@@ -0,0 +1,43 @@
+{
+  "description": "Blog images for PR #78 — From Natural Language to Autonomous Actions. Dina's watercolor style, tuned for crispness: SDXL refiner ON (second-stage detail pass), 35 steps, quality negatives (blurry/muddy/smudged). Protagonist is a modern, confident pink-haired woman (maker, not subservient/domestic). Prompts are concept-forward and token-tight so the concept survives CLIP's 77-token truncation; crisp/fine-detail tags trail the concept.",
+  "settings": {
+    "steps": 35,
+    "guidance": 7.5,
+    "width": 1024,
+    "height": 1024,
+    "refine": true,
+    "cpu": true
+  },
+  "prompts": [
+    {
+      "filename": "watercolor-01-hero.png",
+      "seed": 101,
+      "prompt": "Watercolor painting, wet-on-wet washes, warm muted tones. Confident pink-haired woman at a workbench, sleeves rolled up, lining up five brass clockwork figures that grow left to right from a tiny paper sketch to a tall winged machine lifting off the bench, self-assured posture, warm studio light, crisp clean watercolor, fine detail, luminous washes",
+      "negative_prompt": "text, watermark, signature, blurry, muddy, smudged, grainy, noisy, low detail, low contrast, dull, photorealistic, 3D render, cartoon, anime, ink, line art, bold outlines, hard edges, comic, storybook, chibi, subservient, submissive, housewife, apron, cooking, knitting, nesting dolls, kneeling, bowing, domestic chores, passive, deformed hands, extra limbs, bad anatomy"
+    },
+    {
+      "filename": "watercolor-02-dead-end.png",
+      "seed": 102,
+      "prompt": "Watercolor painting, wet-on-wet washes, warm muted tones. Confident pink-haired woman turning away from a bricked-up doorway with identical wooden boxes piled against it, toward a bright open doorway leading out to rolling green hills, decisive stance, warm natural light, crisp clean watercolor, fine detail, luminous washes",
+      "negative_prompt": "text, watermark, signature, blurry, muddy, smudged, grainy, noisy, low detail, low contrast, dull, photorealistic, 3D render, cartoon, anime, ink, line art, bold outlines, hard edges, comic, storybook, chibi, subservient, submissive, housewife, apron, cooking, knitting, nesting dolls, kneeling, bowing, domestic chores, passive, deformed hands, extra limbs, bad anatomy"
+    },
+    {
+      "filename": "watercolor-03-cost-ladder.png",
+      "seed": 103,
+      "prompt": "Watercolor painting, wet-on-wet washes, warm muted tones. Confident pink-haired woman striding up a spiral staircase toward glowing light at the top, one large price tag on the low railing and tiny price tags on the high railings, strong upward motion, warm light through tall windows, crisp clean watercolor, fine detail",
+      "negative_prompt": "text, watermark, signature, blurry, muddy, smudged, grainy, noisy, low detail, low contrast, dull, photorealistic, 3D render, cartoon, anime, ink, line art, bold outlines, hard edges, comic, storybook, chibi, subservient, submissive, housewife, apron, cooking, knitting, nesting dolls, kneeling, bowing, domestic chores, passive, deformed hands, extra limbs, bad anatomy"
+    },
+    {
+      "filename": "watercolor-04-sandbox.png",
+      "seed": 104,
+      "prompt": "Watercolor painting, wet-on-wet washes, warm muted tones. Confident pink-haired woman at a workbench sealing a small brass clockwork figure under a clear glass dome, exactly three neat tools arranged inside the dome, many scattered tools on the bench outside it, focused expert posture, warm studio light, crisp clean watercolor, fine detail",
+      "negative_prompt": "text, watermark, signature, blurry, muddy, smudged, grainy, noisy, low detail, low contrast, dull, photorealistic, 3D render, cartoon, anime, ink, line art, bold outlines, hard edges, comic, storybook, chibi, subservient, submissive, housewife, apron, cooking, knitting, nesting dolls, kneeling, bowing, domestic chores, passive, deformed hands, extra limbs, bad anatomy"
+    },
+    {
+      "filename": "watercolor-05-horizon.png",
+      "seed": 105,
+      "prompt": "Watercolor painting, wet-on-wet washes, warm muted tones. Confident pink-haired woman standing on a hilltop at sunrise holding an open notebook, watching several small brass figures walk along clear worn paths between distant villages, calm assured smile, warm golden light, crisp clean watercolor, fine detail",
+      "negative_prompt": "text, watermark, signature, blurry, muddy, smudged, grainy, noisy, low detail, low contrast, dull, photorealistic, 3D render, cartoon, anime, ink, line art, bold outlines, hard edges, comic, storybook, chibi, subservient, submissive, housewife, apron, cooking, knitting, nesting dolls, kneeling, bowing, domestic chores, passive, deformed hands, extra limbs, bad anatomy"
+    }
+  ]
+}

website/blog/mermaid/2026-07-21-progressive-promotion-four-layers.mmd

@@ -0,0 +1,12 @@
+%%{init: { "theme": "base", "themeVariables": { "fontFamily": "Inter, ui-sans-serif", "primaryColor": "#f5e6d3", "primaryTextColor": "#3d2817", "primaryBorderColor": "#d4896b", "lineColor": "#c9956b", "secondaryColor": "#fdf4e8", "tertiaryColor": "#f9ead8", "background": "#fef9f5" } } }%%
+graph TD
+    A["📜 Script<br/><i>The logic</i>"] --> B["🔧 MCP Tool<br/><i>Typed interface</i>"]
+    B --> C["💬 Skill<br/><i>Orchestration</i>"]
+    B --> D["🤖 Agent<br/><i>Autonomous driver</i>"]
+    B --> E["⚙️ CI/CD<br/><i>No LLM needed</i>"]
+
+    style A fill:#f9ead8,stroke:#d4896b,stroke-width:3px,color:#3d2817
+    style B fill:#f5e6d3,stroke:#d4896b,stroke-width:3px,color:#3d2817
+    style C fill:#fdf4e8,stroke:#b8836f,stroke-width:3px,color:#3d2817
+    style D fill:#fdf4e8,stroke:#b8836f,stroke-width:3px,color:#3d2817
+    style E fill:#fdf4e8,stroke:#b8836f,stroke-width:3px,color:#3d2817

website/blog/mermaid/2026-07-21-progressive-promotion-industry-parallels.mmd

@@ -0,0 +1,29 @@
+%%{init: { "theme": "base", "themeVariables": { "fontFamily": "Inter, ui-sans-serif", "primaryColor": "#f5e6d3", "primaryTextColor": "#3d2817", "primaryBorderColor": "#d4896b", "lineColor": "#c9956b", "secondaryColor": "#fdf4e8", "tertiaryColor": "#f9ead8", "background": "#fef9f5" } } }%%
+graph LR
+    subgraph thismodel["This model"]
+        A1["Skill"] --> A2["MCP Tool"] --> A3["Agent"] --> A4["CI/CD"]
+    end
+    subgraph anthropic["Anthropic"]
+        B1["Augmented LLM"] --> B2["Workflows"] --> B3["Agents"]
+    end
+    subgraph vehicles["Autonomous vehicles"]
+        C1["L0: No automation"] --> C2["L2: Partial"] --> C3["L4: High"] --> C4["L5: Full"]
+    end
+    subgraph sre["SRE"]
+        D1["Runbook"] --> D2["Automation"] --> D3["Self-healing"]
+    end
+
+    style A1 fill:#f5e6d3,stroke:#d4896b,stroke-width:3px,color:#3d2817
+    style A2 fill:#f5e6d3,stroke:#d4896b,stroke-width:3px,color:#3d2817
+    style A3 fill:#f5e6d3,stroke:#d4896b,stroke-width:3px,color:#3d2817
+    style A4 fill:#f5e6d3,stroke:#d4896b,stroke-width:3px,color:#3d2817
+    style B1 fill:#fdf4e8,stroke:#b8836f,stroke-width:2px,color:#3d2817
+    style B2 fill:#fdf4e8,stroke:#b8836f,stroke-width:2px,color:#3d2817
+    style B3 fill:#fdf4e8,stroke:#b8836f,stroke-width:2px,color:#3d2817
+    style C1 fill:#f9ead8,stroke:#d4896b,stroke-width:2px,color:#3d2817
+    style C2 fill:#f9ead8,stroke:#d4896b,stroke-width:2px,color:#3d2817
+    style C3 fill:#f9ead8,stroke:#d4896b,stroke-width:2px,color:#3d2817
+    style C4 fill:#f9ead8,stroke:#d4896b,stroke-width:2px,color:#3d2817
+    style D1 fill:#fef9f5,stroke:#b8836f,stroke-width:2px,color:#4a3428
+    style D2 fill:#fef9f5,stroke:#b8836f,stroke-width:2px,color:#4a3428
+    style D3 fill:#fef9f5,stroke:#b8836f,stroke-width:2px,color:#4a3428

website/blog/mermaid/2026-07-21-progressive-promotion-skill-vs-agent-driver.mmd

@@ -0,0 +1,30 @@
+%%{init: { "theme": "base", "themeVariables": { "fontFamily": "Inter, ui-sans-serif", "primaryColor": "#f5e6d3", "primaryTextColor": "#3d2817", "primaryBorderColor": "#d4896b", "lineColor": "#c9956b", "secondaryColor": "#fdf4e8", "tertiaryColor": "#f9ead8", "background": "#fef9f5" } } }%%
+graph TB
+    subgraph MCP["🔧 MCP Server (built once)"]
+        T1["detect_releases"]
+        T2["generate_metadata"]
+        T3["analyze_impact"]
+    end
+
+    subgraph Interactive["💬 Phase C: Skill drives"]
+        S["You say: 'sync releases'"]
+        S --> T1
+        T1 --> T2
+        T2 -->|"⏸ You approve PRs"| T3
+    end
+
+    subgraph Autonomous["🤖 Phase D: Agent drives"]
+        AG["Cron: daily 8am"]
+        AG --> T1
+        T1 --> T2
+        T2 -->|"📱 Teams notification"| T3
+    end
+
+    style MCP fill:#fef9f5,stroke:#d4896b,stroke-width:3px,color:#3d2817
+    style Interactive fill:#fef9f5,stroke:#b8836f,stroke-width:2px,color:#3d2817
+    style Autonomous fill:#fef9f5,stroke:#b8836f,stroke-width:2px,color:#3d2817
+    style T1 fill:#f5e6d3,stroke:#d4896b,stroke-width:2px,color:#3d2817
+    style T2 fill:#f5e6d3,stroke:#d4896b,stroke-width:2px,color:#3d2817
+    style T3 fill:#f5e6d3,stroke:#d4896b,stroke-width:2px,color:#3d2817
+    style S fill:#fdf4e8,stroke:#b8836f,stroke-width:2px,color:#3d2817
+    style AG fill:#fdf4e8,stroke:#b8836f,stroke-width:2px,color:#3d2817

website/blog/mermaid/2026-07-21-progressive-promotion-wrong-vs-right.mmd

@@ -0,0 +1,16 @@
+%%{init: { "theme": "base", "themeVariables": { "fontFamily": "Inter, ui-sans-serif", "primaryColor": "#f5e6d3", "primaryTextColor": "#3d2817", "primaryBorderColor": "#d4896b", "lineColor": "#c9956b", "secondaryColor": "#fdf4e8", "tertiaryColor": "#f9ead8", "background": "#fef9f5" } } }%%
+graph LR
+    subgraph wrong["❌ Wrong path"]
+        W1["Skill"] --> W2["Script-in-skill"] --> W3["Trapped forever"]
+    end
+    subgraph right["✅ Right path"]
+        R1["Skill"] --> R2["Script"] --> R3["MCP Tool"] --> R4["Skill calls tool"]
+    end
+
+    style W1 fill:#f9ead8,stroke:#d4896b,stroke-width:2px,color:#3d2817
+    style W2 fill:#f9ead8,stroke:#d4896b,stroke-width:2px,color:#3d2817
+    style W3 fill:#fef9f5,stroke:#b8836f,stroke-width:2px,color:#4a3428
+    style R1 fill:#f5e6d3,stroke:#d4896b,stroke-width:3px,color:#3d2817
+    style R2 fill:#f5e6d3,stroke:#d4896b,stroke-width:3px,color:#3d2817
+    style R3 fill:#f5e6d3,stroke:#d4896b,stroke-width:3px,color:#3d2817
+    style R4 fill:#f5e6d3,stroke:#d4896b,stroke-width:3px,color:#3d2817