Sample `sample-001`

Run: 2026-04-22 swiss-editorial n=30
Cell: @cf/mistralai/mistral-small-3.1-24b-instruct
Provider: cloudflare-workers-ai
Condition: raw (brief only)
Brief: briefs/landing.yml
Linter: 1 error 2 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.
warn ahd/radius-hierarchy
Only one radius value ("5px") declared across the page. Make buttons sharper or softer than cards, and media different from both. (Sharp-only or sharp+pill compositions don't fire this rule.)

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>AHD - Artificial Human Design</title>
              
            
                7
                  <style>
              
            
                8
                      body {
              
            
                9
                          font-family: Arial, sans-serif;
              
            
               10
                          background-color: #1e1e1e;
              
            
               11
                          color: #ffffff;
              
            
               12
                          margin: 0;
              
            
               13
                          padding: 0;
              
            
               14
                      }
              
            
               15
                      .container {
              
            
               16
                          max-width: 800px;
              
            
               17
                          margin: 0 auto;
              
            
               18
                          padding: 20px;
              
            
               19
                      }
              
            
               20
                      h1 {
              
            
               21
                          text-align: center;
              
            
               22
                          margin-top: 50px;
              
            
               23
                      }
              
            
               24
                      .code-block {
              
            
               25
                          background-color: #2e2e2e;
              
            
               26
                          padding: 20px;
              
            
               27
                          border-radius: 5px;
              
            
               28
                          overflow-x: auto;
              
            
               29
                      }
              
            
               30
                      .manifest {
              
            
               31
                          margin-top: 40px;
              
            
               32
                      }
              
            
               33
                      .manifest h2 {
              
            
               34
                          margin-bottom: 20px;
              
            
               35
                      }
              
            
               36
                      .manifest ul {
              
            
               37
                          list-style-type: none;
              
            
               38
                          padding: 0;
              
            
               39
                      }
              
            
               40
                      .manifest li {
              
            
               41
                          margin-bottom: 10px;
              
            
               42
                      }
              
            
               43
                      footer {
              
            
               44
                          text-align: center;
              
            
               45
                          padding: 20px;
              
            
               46
                          margin-top: 40px;
              
            
               47
                          border-top: 1px solid #444;
              
            
               48
                      }
              
            
               49
                      a {
              
            
               50
                          color: #1e90ff;
              
            
               51
                          text-decoration: none;
              
            
               52
                      }
              
            
               53
                      a:hover {
              
            
               54
                          text-decoration: underline;
              
            
               55
                      }
              
            
               56
                  </style>
              
            
               57
              </head>
              
            
               58
              <body>
              
            
               59
                  <div class="container">
              
            
               60
                      <h1>AHD - Artificial Human Design</h1>
              
            
               61
                      <p>AHD takes the problem of AI-generated design seriously. We provide a framework for designers, engineers, and founders who seek a robust solution.</p>
              
            
               62
                      <div class="code-block">
              
            
               63
                          <pre><code class="bash">ahd eval-live swiss-editorial --brief briefs/landing.yml --models &lt;specs&gt; --n 10</code></pre>
              
            
               64
                      </div>
              
            
               65
                      <div class="manifest">
              
            
               66
                          <h2>What ships</h2>
              
            
               67
                          <ul>
              
            
               68
                              <li>Brief compiler</li>
              
            
               69
                              <li>28-rule linter</li>
              
            
               70
                              <li>Eval harness</li>
              
            
               71
                              <li>Vision-critic scaffold</li>
              
            
               72
                              <li>MCP server</li>
              
            
               73
                              <li>Editor plugins</li>
              
            
               74
                              <li>Eight tokens</li>
              
            
               75
                          </ul>
              
            
               76
                      </div>
              
            
               77
                      <div class="manifest">
              
            
               78
                          <h2>What is gated</h2>
              
            
               79
                          <ul>
              
            
               80
                              <li>Live frontier-model calls (needs API keys)</li>
              
            
               81
                              <li>Live vision critique (needs multimodal key + screenshot pipeline)</li>
              
            
               82
                              <li>Standalone npm packages for the editor plugins</li>
              
            
               83
                              <li>Additional tokens</li>
              
            
               84
                          </ul>
              
            
               85
                      </div>
              
            
               86
                      <p style="text-align: center;"><a href="https://github.com/ahd" target="_blank">Read the code</a></p>
              
            
               87
                  </div>
              
            
               88
                  <footer>
              
            
               89
                      <p>Licensed under FSL-1.1-Apache-2.0 for code, CC-BY-4.0 for tokens and artwork.</p>
              
            
               90
                  </footer>
              
            
               91
              </body>
              
            
               92
              </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.