Theorycraft: The Agentic Professional Proxy

Reframing the designer's portfolio as an AI-native, RAG-powered intelligence layer that acts as a 24/7 technical proxy for high-stakes hiring.

ClientTheorycraft Professional Identity
Year2026
Role & TeamUX & Product Strategist and Designer
Duration8 weeks (Ongoing)
DeliverablesRAG Search · Agentic Chatbot · Site UI
Theorycraft: The Agentic Professional Proxy
[ 01 // SYSTEM BRIEF ]

Traditional portfolios are static gravesites of screenshots and paragraphs that fail to represent a decade of non-linear design maturity, leadership, and technical capability. Recruiter attention spans are capped at 30 seconds.

I designed Theorycraft as a self-selling repository. It uses a Retrieval-Augmented Generation (RAG) search omnibar and an agentic chatbot to answer complex recruiter questions with verified project evidence.

In 2026, your portfolio shouldn't just show your work; it should do your work.

— SOUMEN SENGUPTA, THEORYCRAFT
[ 02 // TECHNICAL FRICTION ]

Hiring managers are forced to guess a candidate's domain expertise from static images. Linear layouts require recruiters to scroll endlessly. We resolved two critical friction bottlenecks.

BOTTLENECK A

The Portfolio Discovery Gap

Recruiters bounce quickly because finding the exact project showing a required skill takes too long. Search boxes matching only literal keywords fail to capture domain semantics.

  • Endless scrolling causing high portfolio bounce rates
  • Key details buried under long paragraphs of text
  • Difficulty verifying candidate contribution versus team efforts
BOTTLENECK B

Technical Craft Verification

Portfolios show polished final screens but hide engineering knowledge and cross-functional leadership. Candidates cannot easily prove code literacy or database design ownership.

  • Opaque designer-engineer handoff documentation
  • No proof of architectural understanding or schema skills
  • Difficult to check visual systems integrity in static PNGs
[ 03 // TECHNICAL RETROSPECTIVE ]

Theorycraft proved that professional portfolios must move from passive presentation to active intelligence. In 2026, design seniority is verified by the systems you build, not just the screens you show.

By embedding an LLM proxy directly into the portfolio context, I qualified recruitment leads before the first email was sent.

What emerged was a collection of patterns for AI portfolios: semantic query bars, real-time engagement widgets, and contextual metadata overlays.

KEY LEARNINGS
01

A portfolio is a product. Apply product thinking and system architecture to your career.

02

Design for search, not scroll. Let users query your experience directly.

03

Show the backend. Code literacy and system design are core visual components.

04

Observe the query logs. Find out what recruiters are looking for to refine your copy.

05

Own the proxy. An agentic proxy can represent your design expertise 24/7.

[ 04 // SYSTEM TELEMETRY ]
Active24/7 recruiter engagement
30sAverage time-to-impact
HighSemantic search accuracy
240+Design system components built
[ 05 // SYSTEM SANDBOX PARAMETERS ]

To bridge the gap between high-level summaries and deep-dive technical code, Theorycraft uses a dual-mode parameter interface and interactive Vector search.

The RAG omnibar accepts natural language queries, running PGVector cosine similarity matches on parsed project files. Here are the core metrics tracked in the active session:

RAG OmnibarGemini 2.0

Processes semantic questions and returns direct references.

Vector MoatPGVector

Stores split document embeddings to ensure precise, grounded context.

Interactive ChatMascot Proxy

A conversational agent acting as a proxy to handle visitor inquiries.

Context RailMetadata Side

Dynamically pulls in relevant files and screenshots as you read.

[ 06 // SANDBOX CODE ]

The Portfolio Sandbox allows us to test RAG prompt configurations, vector match scores, and system latency under multi-user loads.

A unified developer interface displaying active model tokens, context window usage, and real-time response streams.

TYPES/PORTFOLIO-RAG.TS
interface PortfolioRAG {
  searchOmnibar: {
    naturalLanguageQuery: string;
    vectorMatchThreshold: number; // 0.0 - 1.0
    matchedChunksCount: number;
  };

  vectorMoat: {
    embeddingModel: "gemini-text-embeddings";
    pgVectorDimensions: number;
    groundedReferenceUrls: string[];
  };

  agentMascot: {
    proxyIdentity: "soumen-agent";
    contextWindowUsed: number;
    confidenceScore: number;
  };

  analyticsObserver: {
    anonymousRefererDomain: string;
    engagementDepthScore: number;
  };
}
[ 07 // OBSERVABILITY MATRIX ]

Observability meant tracking how recruiters interact with the portfolio, allowing for continuous optimization of layout and content.

QUERY ACCURACY
99%
synthesis match

Model confidence score in matching user query intent to project content chunks.

Ensures RAG queries fetch relevant and accurate project sections.

TIME-TO-VALUE
30s
information speed

Average time taken for a recruiter to extract direct proof of a specific skill or project outcome.

Significantly cuts hiring manager sourcing overhead.

ENGAGEMENT
Continuous
active tracking

Passive monitoring of incoming corporate domains, page depth, and search interest patterns.

Informs candidate on which enterprise profiles are viewing the work.

[ 08 // MEASURABLE SYSTEM IMPACT ]
Active
Recruiter proxy hours
Handles initial screenings and Q&A 24/7 without developer presence.
30s
Time-to-discovery
Hiring managers pull direct evidence of technical ownership instantly.
99%
RAG search precision
Zero hallucinations due to strict vector grounding on resume chunks.
240+
Components deployed
Fully unified bento grids, navigation states, and theme switchers.

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 16, 2026