Sample `sample-001`

Run: 2026-04-22 swiss-editorial n=30
Cell: @cf/meta/llama-4-scout-17b-16e-instruct
Provider: cloudflare-workers-ai
Condition: raw (brief only)
Brief: briefs/landing.yml
Linter: 1 error 1 warn 0 info

Rules that fired

error ahd/require-type-pairing
Only one font family declared (arial). Pair a display face with a text face.
warn ahd/require-named-grid
No grid structure declared (no display:grid, no grid-template-columns, no grid-cols-*). Flex-stacked columns without a shared grid is the todo-list layout.

Source

The exact bytes the linter read. Lines with fires are highlighted; click a rule above to jump to its line.


                1
              <!doctype html>
              
            
                2
              <html lang="en">
              
            
                3
              <head>
              
            
                4
                  <meta charset="UTF-8">
              
            
                5
                  <meta name="viewport" content="width=device-width, initial-scale=1.0">
              
            
                6
                  <title>Artificial Human Design</title>
              
            
                7
                  <style>
              
            
                8
                      body {
              
            
                9
                          font-family: Arial, sans-serif;
              
            
               10
                          margin: 0;
              
            
               11
                          padding: 0;
              
            
               12
                          background-color: #f0f0f0;
              
            
               13
                      }
              
            
               14
                      .container {
              
            
               15
                          max-width: 800px;
              
            
               16
                          margin: 40px auto;
              
            
               17
                          padding: 20px;
              
            
               18
                          background-color: #fff;
              
            
               19
                          border: 1px solid #ddd;
              
            
               20
                          border-radius: 10px;
              
            
               21
                          box-shadow: 0 0 10px rgba(0,0,0,0.1);
              
            
               22
                      }
              
            
               23
                      .code-block {
              
            
               24
                          background-color: #f5f5f5;
              
            
               25
                          padding: 10px;
              
            
               26
                          border: 1px solid #ddd;
              
            
               27
                          border-radius: 5px;
              
            
               28
                          font-family: monospace;
              
            
               29
                      }
              
            
               30
                      .manifest-section {
              
            
               31
                          margin-top: 40px;
              
            
               32
                      }
              
            
               33
                      .manifest-section h2 {
              
            
               34
                          margin-top: 0;
              
            
               35
                      }
              
            
               36
                      .manifest-section ul {
              
            
               37
                          list-style: none;
              
            
               38
                          padding: 0;
              
            
               39
                          margin: 0;
              
            
               40
                      }
              
            
               41
                      .manifest-section li {
              
            
               42
                          margin-bottom: 10px;
              
            
               43
                      }
              
            
               44
                      footer {
              
            
               45
                          margin-top: 40px;
              
            
               46
                          padding: 10px;
              
            
               47
                          background-color: #f5f5f5;
              
            
               48
                          border: 1px solid #ddd;
              
            
               49
                          border-radius: 5px;
              
            
               50
                          text-align: center;
              
            
               51
                      }
              
            
               52
                  </style>
              
            
               53
              </head>
              
            
               54
              <body>
              
            
               55
                  <div class="container">
              
            
               56
                      <h1>Artificial Human Design</h1>
              
            
               57
                      <p>We take the problem of AI-generated design seriously.</p>
              
            
               58
                      <div class="code-block">
              
            
               59
                          <pre><code class="language-bash">ahd eval-live swiss-editorial --brief briefs/landing.yml --models &lt;specs&gt; --n 10</code></pre>
              
            
               60
                      </div>
              
            
               61
                      <p><a href="https://github.com/ArtificialHumanDesign/ahd">Read the code on GitHub</a></p>
              
            
               62
                      <div class="manifest-section">
              
            
               63
                          <h2>What ships</h2>
              
            
               64
                          <ul>
              
            
               65
                              <li>Brief compiler</li>
              
            
               66
                              <li>28-rule linter</li>
              
            
               67
                              <li>Eval harness</li>
              
            
               68
                              <li>Vision-critic scaffold</li>
              
            
               69
                              <li>MCP server</li>
              
            
               70
                              <li>Editor plugins</li>
              
            
               71
                              <li>Eight tokens</li>
              
            
               72
                          </ul>
              
            
               73
                      </div>
              
            
               74
                      <div class="manifest-section">
              
            
               75
                          <h2>What is gated</h2>
              
            
               76
                          <ul>
              
            
               77
                              <li>Live frontier-model calls (needs API keys)</li>
              
            
               78
                              <li>Live vision critique (needs multimodal key + screenshot pipeline)</li>
              
            
               79
                              <li>Standalone npm packages for the editor plugins</li>
              
            
               80
                              <li>Additional tokens</li>
              
            
               81
                          </ul>
              
            
               82
                      </div>
              
            
               83
                  </div>
              
            
               84
                  <footer>
              
            
               85
                      <p>Licensed under <a href="https://opensource.org/licenses/FSL-1.1-Apache-2.0">FSL-1.1-Apache-2.0</a> for code, and <a href="https://creativecommons.org/licenses/by/4.0/">CC-BY-4.0</a> for tokens and artwork.</p>
              
            
               86
                  </footer>
              
            
               87
              </body>
              
            
               88
              </html>

Rendered

The same HTML rendered in a sandboxed frame. No scripts execute, no network calls are allowed; this is the same HTML the source block shows above, nothing more.

On phone-size screens the frame renders the sample at its designed viewport scaled down, so a landing page meant for a desktop still reads as a landing page. Open rendered sample in a new tab to view full size.

Every sample in this run is reachable via its cell / condition / id. The full run writeup with per-cell and per-tell tables lives at /evals/2026-04-22-swiss-n30.