ATC (Analyser Theorycraft): Combatting the AI Portfolio Pandemic

Designing a next-generation B2B recruitment portal and forensic design scorecard to combat candidate portfolio homogenization, exposing raw craft iterations underneath boilerplate AI templates.

ClientHR Tech / B2B Vetting
Year2026
Role & TeamLead UI/UX Designer & AI UX Researcher
Duration12 weeks
DeliverablesForensic Vetting SDK · Recruiter Scorecard · Scraping Engine
ATC (Analyser Theorycraft): Combatting the AI Portfolio Pandemic
[ 01 // SYSTEM BRIEF ]

Generative AI has introduced a massive signal-to-noise crisis in tech recruiting. Portfolios are now filled with flawless, AI-written templates and perfect strategic prose, masking actual developer capability. We built ATC to serve as a forensic trust layer, analyzing submissions to isolate genuine iteration from template boilerplate.

The core engine runs a specialized scraper that crawls portfolio repositories and live sites, feeding text and assets to a local NLP classifier. The interface deconstructs this metadata into a single-glance scorecard containing an Authenticity Score and a Calibrated Craft Score.

ATC doesn't just scan resumes. It preserves human craftsmanship by forensically analyzing design grit.

— RECRUITMENT DIRECTOR, B2B SAAS SCALE-UP
[ 02 // TECHNICAL FRICTION ]

Auditing candidate sites at scale introduced major engineering and compliance friction. Recruiters need near-instant summaries, but scraping complex single-page apps (SPAs) and running NLP categorization is highly resource-intensive. We addressed two system bottlenecks.

BOTTLENECK A

SPA Client-Side Rendering Bottlenecks

Standard scraper scripts fail on modern React/Next.js client-side rendered websites, yielding blank documents. To bypass this, we implemented a serverless puppeteer browser cluster to execute JS before parsing text.

  • High cold-start latency when launching headless browser instances
  • DOM layout shifts causing misaligned text segmentation
  • Robots.txt restrictions and automated cloudflare blocks on candidate portfolios
BOTTLENECK B

AI Prose Homogenization Classification

Separating academic design concepts from candidate-written case studies required fine-tuning a BERT classifier. Boilerplate design framework text (e.g. double-diamonds) needed to be filtered out without penalizing the candidate's actual narrative.

  • High false-positives for junior portfolios using standard design terms
  • Overlapping vector embeddings between AI-generated text and resume templates
  • High context token cost when feeding full case studies to secondary LLMs
[ 03 // TECHNICAL RETROSPECTIVE ]

ATC proved that professional vetting must shift from passive key-value matching to active forensic validation. When AI makes it simple to generate polish, genuine technical grit becomes the ultimate differentiator.

The main engineering takeaway was the value of client-side caching. Headless scraping is slow and expensive. Caching candidate analyses in PostgreSQL using indexes speeds up subsequent views to zero latency.

By designing structured scorecards and pairing them with interactive UI blurs, we built a portal that recruiters trust and candidates respect.

KEY LEARNINGS
01

Forensics requires evidence. Always ground AI classifications in documented revisions and wireframes.

02

Client latency kills utility. Cache expensive scraper outputs immediately.

03

Friction in candidate submissions can filter out low-intent spammers.

04

Be transparent with candidates. Provide actionable feedback letters to help them grow.

05

Scale is about APIs. Build modular parsers that can fit into existing enterprise ATS pipelines.

[ INTERFACE ARTIFACTS ]
Case Study Highlight
Case Study Highlight
[ 04 // SYSTEM TELEMETRY ]
-80%Recruiter screening latency
94%Forensic vetting accuracy
120msGlobal response latency
+25%First-year hiring retention gain
[ 05 // SYSTEM SANDBOX PARAMETERS ]

To verify candidate craft, the dashboard features a 'Human Grit Slider'. By sliding it from left to right, recruiters can dynamically blur template sentences and focus exclusively on core visual evidence, early wireframes, and design pivots.

Under the hood, this slider triggers css-driven classes that parse paragraphs labeled as 'template' or 'scaffold' by the NLP engine. Here are the core parameters used to determine the Grit score:

Template Ratio0.0 — 1.0

The proportion of standard template prose versus contextual case narrative.

Asset DiscrepancyConfidence Index

Measures mismatch between strategic prose complexity and actual wireframe artifacts.

Figma Version DepthRevisions Count

Tracks count of distinct editing sessions inside Figma documents via webhook API.

Scraping DepthPage Count

Specifies pages parsed to ensure complete analysis of a candidate's portfolio site.

[ 06 // SANDBOX CODE ]

The ATC Developer Sandbox allows engineers to inspect the JSON response returned by the NLP engine, simulating how candidate sites map to a forensic rating.

By displaying classification probabilities, token lengths, and scraping latency in a unified developer node, we debugged false-positive classifications before shipping to production.

TYPES/ATC-FORENSICS-SCORE.TS
interface ATCForensicsScore {
  candidateId: string;
  portfolioUrl: string;
  scrapingStatus: "completed" | "failed" | "rate_limited";
  
  nlpClassification: {
    authenticityScore: number; // 0.0 - 1.0
    calibratedCraftScore: number; // 0.0 - 1.0
    templateProseRatio: number; // percentage of boilerplate
  };

  figmaAudit: {
    connected: boolean;
    layersModified: number;
    uniqueSessionsCount: number;
  };

  telemetry: {
    scrapingLatencyMs: number;
    nlpProcessingMs: number;
    tokenCountParsed: number;
  };

  behavioralProbes: {
    probeId: string;
    targetClaim: string;
    suggestedQuestion: string;
  }[];
}
[ 07 // OBSERVABILITY MATRIX ]

Observability in vetting systems means tracing NLP scoring decisions back to the exact source paragraphs. Recruiters must see exactly why a score was marked as 'Boilerplate' or 'High Craft'.

GRIT ACCURACY
94%
vetting match rate

System match rate validating manual hiring manager grading against automated ATC classification scores.

Minimizes screening leakage and ensures high-quality interview shortlists.

SCRAPING LATENCY
1.2s
average fetch time

Scraper response speed when parsing candidate websites and resolving layout scripts.

Enables real-time scorecard generation on lead creation.

TOKEN VOLUME
12K
parsed context

Total text tokens analyzed per portfolio page, excluding layout tags and styling wrappers.

Ensures model stays within budget limits and avoids context truncation.

[ 08 // MEASURABLE SYSTEM IMPACT ]
-80%
Recruiter screening time
HR teams spend minutes vetting candidates instead of hours sorting identical resumes.
94%
Vetting accuracy
Grounded matching of actual Figma revisions to candidate portfolio descriptions.
+25%
Hiring retention gain
Candidates hired show significantly higher tactical execution during their first year.
$10M+
Year-3 Projected ARR
SaaS volume subscriptions across agencies and enterprise HR departments.

Looking for a Strategic Design partner?

Whether it's orchestrating complex design systems or building agentic AI layers, I help organizations bridge the gap between business vision and user-centric reality.

Last updated on June 17, 2026