<?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: Lorenc</title>
    <description>The latest articles on DEV Community by Lorenc (@lorenc___3f197e1dcb6c1400).</description>
    <link>https://dev.to/lorenc___3f197e1dcb6c1400</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.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3796730%2F4da58dd2-3099-4dbe-b109-f199e99e45e5.png</url>
      <title>DEV Community: Lorenc</title>
      <link>https://dev.to/lorenc___3f197e1dcb6c1400</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/lorenc___3f197e1dcb6c1400"/>
    <language>en</language>
    <item>
      <title>I built an AI landing page roaster in a weekend using Claude API + Netlify Functions</title>
      <dc:creator>Lorenc</dc:creator>
      <pubDate>Fri, 27 Feb 2026 16:40:10 +0000</pubDate>
      <link>https://dev.to/lorenc___3f197e1dcb6c1400/i-built-an-ai-landing-page-roaster-in-a-weekend-using-claude-api-netlify-functions-2ek2</link>
      <guid>https://dev.to/lorenc___3f197e1dcb6c1400/i-built-an-ai-landing-page-roaster-in-a-weekend-using-claude-api-netlify-functions-2ek2</guid>
      <description>&lt;p&gt;Every time I shared a landing page for feedback, I got the same useless responses:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;"Your headline could be clearer"&lt;/li&gt;
&lt;li&gt;"Add more social proof"&lt;/li&gt;
&lt;li&gt;"The CTA isn't strong enough"&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Great. But &lt;em&gt;which&lt;/em&gt; headline? &lt;em&gt;What kind&lt;/em&gt; of social proof? &lt;em&gt;How&lt;/em&gt; do I fix the CTA?&lt;/p&gt;

&lt;p&gt;Vague feedback doesn't convert visitors into customers. Specific feedback does.&lt;/p&gt;

&lt;p&gt;PageRoast — an AI tool that scores your landing page across 6 conversion dimensions and gives you the exact fix for each one.&lt;/p&gt;

&lt;p&gt;You paste your URL and page copy, and you get back:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;An &lt;strong&gt;overall conversion score&lt;/strong&gt; (0–100)&lt;/li&gt;
&lt;li&gt;A &lt;strong&gt;breakdown across 6 dimensions&lt;/strong&gt;: Clarity, ICP Fit, Pain/Outcome Framing, CTA Strength, Social Proof, Objection Handling&lt;/li&gt;
&lt;li&gt;The &lt;strong&gt;specific problem&lt;/strong&gt; on your page for each dimension (quoting your actual copy)&lt;/li&gt;
&lt;li&gt;A &lt;strong&gt;concrete rewrite or fix&lt;/strong&gt; for each issue&lt;/li&gt;
&lt;li&gt;Your &lt;strong&gt;single biggest conversion killer&lt;/strong&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The Stack:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Frontend:&lt;/strong&gt; Vanilla HTML/CSS/JS (keeping it simple)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;AI:&lt;/strong&gt; Claude API (claude-haiku for speed)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Backend:&lt;/strong&gt; Netlify Functions (serverless, zero config)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Email capture:&lt;/strong&gt; Airtable via a Netlify Function&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Hosting:&lt;/strong&gt; Netlify&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The whole thing took a weekend to build and costs less than $0.01 per analysis to run.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Interesting Part — The Prompt
&lt;/h2&gt;

&lt;p&gt;The hardest part wasn't the code, it was the prompt. Generic AI feedback is just as useless as human feedback. The key was building a structured rubric that forces the model to:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Quote the actual copy when identifying a problem&lt;/li&gt;
&lt;li&gt;Give a concrete rewrite, not just "improve this"&lt;/li&gt;
&lt;li&gt;Return consistent JSON so the UI can display it cleanly&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Try It
&lt;/h2&gt;

&lt;p&gt;It's completely free. No credit card, no account needed upfront.&lt;/p&gt;

&lt;p&gt;👉 &lt;a href="https://wondrous-dusk-6a0da2.netlify.app/" rel="noopener noreferrer"&gt;https://wondrous-dusk-6a0da2.netlify.app/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Would love feedback from this community — especially on the prompt or the tech stack. What would you have done differently?&lt;/p&gt;

</description>
      <category>ai</category>
      <category>discuss</category>
      <category>learning</category>
      <category>testing</category>
    </item>
  </channel>
</rss>
