<?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: Peter Freedman</title>
    <description>The latest articles on DEV Community by Peter Freedman (@peter_freedman_31f19d6911).</description>
    <link>https://dev.to/peter_freedman_31f19d6911</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%2F3817658%2Fc4872a2d-a12c-4d6c-bd5f-d2ea09b1c9f1.png</url>
      <title>DEV Community: Peter Freedman</title>
      <link>https://dev.to/peter_freedman_31f19d6911</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/peter_freedman_31f19d6911"/>
    <language>en</language>
    <item>
      <title>I built a website diagnostics tool that includes over 18 audits.</title>
      <dc:creator>Peter Freedman</dc:creator>
      <pubDate>Wed, 11 Mar 2026 02:07:52 +0000</pubDate>
      <link>https://dev.to/peter_freedman_31f19d6911/i-built-a-website-diagnostics-tool-that-includes-over-18-audits-18id</link>
      <guid>https://dev.to/peter_freedman_31f19d6911/i-built-a-website-diagnostics-tool-that-includes-over-18-audits-18id</guid>
      <description>&lt;p&gt;I got tired of running Lighthouse for performance, Screaming Frog for SEO, axe for accessibility, and manually checking security headers — then stitching it all together into something a client could read.&lt;/p&gt;

&lt;p&gt;So I built &lt;a href="https://sitemechanic.io" rel="noopener noreferrer"&gt;Site Mechanic&lt;/a&gt; — one scan, one report covering everything.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Performance&lt;/strong&gt; — Lighthouse-powered Core Web Vitals (mobile + desktop)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;SEO&lt;/strong&gt; — Meta tags, headings, structured data, images, links, mobile responsiveness&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Accessibility&lt;/strong&gt; — WCAG compliance: contrast, alt text, ARIA, keyboard nav&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Security&lt;/strong&gt; — HTTP headers, SSL, mixed content, vulnerability surface&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Typography&lt;/strong&gt; — Font loading, consistency, web font optimization&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Every issue is ranked by severity with code-level fix recommendations —not just "fix your meta tags" but the actual code to do it.&lt;/p&gt;

&lt;p&gt;## The stack&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Backend:&lt;/strong&gt; Node.js, Express, SQLite (Postgres in production)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Browser automation:&lt;/strong&gt; Puppeteer + Playwright + Lighthouse 11&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;PDF generation:&lt;/strong&gt; Puppeteer renders HTML templates to PDF&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;AI recommendations:&lt;/strong&gt; Claude API generates strategic analysis per report&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Payments:&lt;/strong&gt; Stripe (subscriptions, day passes, single-report purchases)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;i18n:&lt;/strong&gt; 8 languages (EN, ES, FR, DE, PT, JA, ZH, RU)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;No framework&lt;/strong&gt; — vanilla JS frontend, CSS variables for theming&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;## Features I'm most proud of&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Client-ready PDF exports&lt;/strong&gt; — One click generates a polished PDF with score breakdowns, prioritized fixes,&lt;br&gt;
  screenshots, and AI-powered strategic recommendations. Hand it to a client without any cleanup.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;AI Strategic Analysis&lt;/strong&gt; — Each report includes a Claude-generated summary that interprets scores in context,&lt;br&gt;
  identifies quick wins, and recommends a priority order for fixes.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Competitive Analysis&lt;/strong&gt; — Compare your site head-to-head against competitors across all five diagnostic&lt;br&gt;
  categories.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;a href="https://sitemechanic.io/assets/sample-seo-report.pdf" rel="noopener noreferrer"&gt;View a sample PDF report&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;This literally started as a font scanner (the repo is still called &lt;code&gt;font-scanner&lt;/code&gt;). I needed to audit typography across client sites. Then I added "just one more analyzer"... five times. Now it's a full diagnostics platform.&lt;/p&gt;

&lt;p&gt;Try it&lt;br&gt;
&lt;a href="https://sitemechanic.io" rel="noopener noreferrer"&gt;sitemechanic.io&lt;/a&gt; — free scans available, no account required.&lt;/p&gt;

&lt;p&gt;Would love feedback on what analyzers or report features would be most useful for your workflow.&lt;/p&gt;




</description>
      <category>performance</category>
      <category>showdev</category>
      <category>tooling</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
