<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: KURSYWA PRESS</title>
    <description>The latest articles on DEV Community by KURSYWA PRESS (@kursywapress).</description>
    <link>https://dev.to/kursywapress</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4186908%2F253d651c-9791-47f9-9d27-568e9e21b4a1.png</url>
      <title>DEV Community: KURSYWA PRESS</title>
      <link>https://dev.to/kursywapress</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/kursywapress"/>
    <language>en</language>
    <item>
      <title>The QA gate that caught 47 bugs an AI said didn't exist</title>
      <dc:creator>KURSYWA PRESS</dc:creator>
      <pubDate>Sun, 18 Oct 2026 13:07:27 +0000</pubDate>
      <link>https://dev.to/kursywapress/the-qa-gate-that-caught-47-bugs-an-ai-said-didnt-exist-1ppp</link>
      <guid>https://dev.to/kursywapress/the-qa-gate-that-caught-47-bugs-an-ai-said-didnt-exist-1ppp</guid>
      <description>&lt;h1&gt;
  
  
  The QA gate that caught 47 bugs an AI said didn't exist
&lt;/h1&gt;

&lt;p&gt;We let an AI agent build two storefronts. Then, instead of reading its confident summary ("all components render beautifully"), we ran a script that opened the real page in a real browser and asserted things.&lt;/p&gt;

&lt;p&gt;It failed 47 times. Every failure was invisible to the model that wrote the code.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why the model can't see them
&lt;/h2&gt;

&lt;p&gt;Models judge text, not outcomes. A model reviewing its own CSS sees valid syntax and plausible values — it does not see that the buy bar floats off-screen at 360px, that an &lt;code&gt;&amp;lt;img&amp;gt;&lt;/code&gt; path 404s behind two working ones, or that the accordion's only animation is &lt;code&gt;prefers-reduced-motion: reduce&lt;/code&gt; breaking it for the users who need motion least.&lt;/p&gt;

&lt;p&gt;Self-review is the model grading its own homework with the answer key it also wrote.&lt;/p&gt;

&lt;h2&gt;
  
  
  The ten checks we actually run
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Zero horizontal overflow&lt;/strong&gt; at 360, 768, 1024, 1440, 1920 px.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Every &lt;code&gt;&amp;lt;img&amp;gt;&lt;/code&gt; loads&lt;/strong&gt; (network-level, not alt-text vibes).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Contrast ≥ 4.5:1&lt;/strong&gt; on all text against computed backgrounds.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Touch targets ≥ 44px&lt;/strong&gt; on the primary flow.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Keyboard-reachable focus ring&lt;/strong&gt; on every interactive element.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Content visible with JS disabled&lt;/strong&gt; for the core offer.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Reduced-motion page still animates&lt;/strong&gt; the states that matter (or states nothing).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;No emoji bullets, no indigo gradients, no glassmorphism tiles&lt;/strong&gt; — the slop fingerprint (yes, greppable).&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;One type scale, one spacing scale&lt;/strong&gt; — computed styles off the declared tokens only.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Copy passes the specificity test&lt;/strong&gt;: no sentence that could appear on a competitor's site.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Each is pass/fail. The agent can't argue with an exit code.&lt;/p&gt;

&lt;h2&gt;
  
  
  The receipts
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Buy bar off-screen at 360px: caught 3 times across two builds (different causes, same symptom).&lt;/li&gt;
&lt;li&gt;Broken image path: once, on the ONE image that mattered.&lt;/li&gt;
&lt;li&gt;Off-scale spacing values: 29 of 47. The model "settled" on no scale at all.&lt;/li&gt;
&lt;li&gt;Slop fingerprint hits: 11. All fixed before shipping, none visible to taste-based review.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  What changed in our prompting
&lt;/h2&gt;

&lt;p&gt;We stopped asking for polish and started shipping the gate with the brief. The agent sees the ten checks &lt;em&gt;before&lt;/em&gt; it writes the first line, and the build fails if it lies. Same model. Different contract.&lt;/p&gt;

&lt;p&gt;The full playbook (doctrine + the runnable gate + the teardown of every bug above) and the source bundle are at aiclub1.gumroad.com — and if you've read this far, code &lt;strong&gt;PH30&lt;/strong&gt; takes 30% off everything until Oct 22.&lt;/p&gt;

&lt;p&gt;Free version of the ten-tells list if you want it before money changes hands: aiclub1.gumroad.com/l/tmamtm&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>ai</category>
      <category>design</category>
    </item>
    <item>
      <title>We had an AI build two storefronts. Its self-review passed. Its browser QA caught 4 bugs.</title>
      <dc:creator>KURSYWA PRESS</dc:creator>
      <pubDate>Thu, 15 Oct 2026 14:00:55 +0000</pubDate>
      <link>https://dev.to/kursywapress/we-had-an-ai-build-two-storefronts-its-self-review-passed-its-browser-qa-caught-4-bugs-39nj</link>
      <guid>https://dev.to/kursywapress/we-had-an-ai-build-two-storefronts-its-self-review-passed-its-browser-qa-caught-4-bugs-39nj</guid>
      <description>&lt;p&gt;We had an AI agent build two fictional storefronts one afternoon: a Warsaw watch manufacture and a tiny type foundry. It wrote the pages, ran them in a browser, declared its own work clean. Then we did what most AI-generated work never gets — we graded it.&lt;/p&gt;

&lt;p&gt;We call it an acceptance gate: a fixed pass/fail checklist executed against the live page at three breakpoints. Not "make it look premium" — a rubric the model can't charm.&lt;/p&gt;

&lt;p&gt;It caught four things the same model had already signed off on:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;A hero where a table belonged.&lt;/strong&gt; The watch page opened with a big emotional statement. What a visitor needed at that moment was a spec table: movement, case size, price. The page looked great and answered nothing.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;A buy bar that broke at 375px.&lt;/strong&gt; The price floated off-screen on mobile. One viewport had been reviewed; the layout was secretly built for exactly that one.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;A reduced-motion fallback that wasn't static.&lt;/strong&gt; &lt;code&gt;prefers-reduced-motion&lt;/code&gt; was honored — with a frozen frame that was actually half a rotation mid-spin. A visitor sensitive to motion sees a broken still, not a calm one.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Auto-scaled type that only fit short inputs.&lt;/strong&gt; The foundry's signage renderer fit its demo word beautifully. Real names overflowed the container. The happy path shipped.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;None of this is "AI can't design." All of it is "nobody ran QA on what AI shipped" — and an AI's own review is a rubber stamp, because it grades intentions, not artifacts.&lt;/p&gt;

&lt;h2&gt;
  
  
  The ten tells
&lt;/h2&gt;

&lt;p&gt;The exercise pushed us to write down what repeats in AI-built UI. Poker logic — tells are the things you do when nobody's watching:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;reflex indigo gradients&lt;/li&gt;
&lt;li&gt;equal feature tiles, always three&lt;/li&gt;
&lt;li&gt;glassmorphism nobody specified&lt;/li&gt;
&lt;li&gt;a hero that says nothing at full opacity&lt;/li&gt;
&lt;li&gt;copy that's almost-real ("revolutionize your workflow")&lt;/li&gt;
&lt;li&gt;the single, centered, impossible-to-miss CTA&lt;/li&gt;
&lt;li&gt;emoji bullets wearing a design system's clothes&lt;/li&gt;
&lt;li&gt;pricing tables with numbers nobody committed to&lt;/li&gt;
&lt;li&gt;states that only exist on the happy path&lt;/li&gt;
&lt;li&gt;a layout correct at exactly one viewport&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Here is the part that actually matters: &lt;strong&gt;the expensive tells are structural, not visual.&lt;/strong&gt; Indigo is cheap — one line of prompt kills it before code exists, which is also why classifiers trained on visual tells chase a moving target. "Shipping a hero on a screen that needs a table" survives every color change. That is the class worth putting on a checklist.&lt;/p&gt;

&lt;h2&gt;
  
  
  What we did with it
&lt;/h2&gt;

&lt;p&gt;Two artifacts, boring on purpose:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;a ~1KB pre-prompt of constraints that kills the visual tells at generation time&lt;/li&gt;
&lt;li&gt;a pass/fail browser gate at 3 breakpoints whose failure screenshots get saved as receipts — the teardowns in our playbook are exactly this, bugs included, because the bugs are the product&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;We publish as KURSYWA PRESS. Disclosure, since this is a shop: the full doctrine is a $29 PDF; the 2-page extract is free → &lt;a href="https://aiclub1.gumroad.com/l/tmamtm" rel="noopener noreferrer"&gt;https://aiclub1.gumroad.com/l/tmamtm&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Curious what the gate flagged on &lt;em&gt;your&lt;/em&gt; AI-built page? Drop a screenshot description in the comments — worst structural tell wins a review.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>ai</category>
      <category>design</category>
    </item>
  </channel>
</rss>
