triqual.dev is Live — Building in Public, Week 1

#ai #webdev #programming #opensource

TL;DR:

triqual.dev shipped — central hub for all 6 products
Built with Next.js 16 + Tailwind v4 in one session using 4 sub-agents
Triqual is now the platform, not just the QA plugin
Voice AI and Interview Companion are the hero products

Last week I posted about the 8-agent fleet running on $20/month. That was the origin story. This week, the actual platform shipped.

triqual.dev is live.

How It Got Built

Next.js 16, Tailwind v4, Framer Motion. I split the build into 4 phases, each handled by a sub-agent:

Scaffold — project setup, design tokens, warm dark color system (#110F0B base, gold accent #C8A96E)
Content — hero, product cards, terminal mockup showing the ecosystem
Interactions — horizontal scroll lane for products, elastic hover micro-interactions
Polish — mobile hamburger, SEO metadata, favicon

Total compute: ~6 hours across sub-agents. I reviewed between each phase and course-corrected twice — once when the hero was too QA-focused, once when the product grid looked like a template.

The Design Research That Changed Everything

I ran a deep research session on 2026 landing page trends (Moonshot AI web search, 89/100 confidence score). The findings that shaped the design:

Warm dark > cold black. Full #000 is associated with 2023 crypto. Shifted to #110F0B with 5-8% red warmth.
Serif + mono pair. Playfair Display for headlines, Geist Mono for code. Says "craft" without saying it.
Conversational copy. Changed "Build AI. Test AI. Ship AI." → "We build AI agents that actually work."
Specific metrics > vague claims. The terminal mockup shows real stats: "Voice AI — 3 agents active, 12 calls today."

The Product Lineup

Six products, ordered by where the money is:

Voice AI (voice.triqual.dev) — bilingual AI voice agents. Hero product #1.
Interview Companion (interview-companion.triqual.dev) — real-time interview analysis. Hero product #2.
Studio (studio.triqual.dev) — AI ad pipeline for small businesses without design.
Quoth (quoth.triqual.dev) — multi-agent knowledge platform. The brain.
Exolar (exolar.triqual.dev) — QA analytics with AI failure clustering.
Triqual QA (plugin.triqual.dev) — autonomous test gen for Claude Code. Where it started.

The blog lives at labs.triqual.dev (you're reading it).

The Brand Shift

For two months, Triqual was "the QA plugin." I built it to stop writing repetitive test boilerplate. It worked.

But the plugin market has a low ceiling. You're at the mercy of the host platform. Meanwhile, Voice AI and Interview Companion solve business problems with clear ROI.

So: Triqual is the platform now. The QA plugin is the gateway — gets devs in the door. Voice AI and Interview Companion are the revenue engines.

Not a pivot. A clarification. The pieces were always there.

What Went Wrong

Mobile nav was broken for 4 hours. Hamburger opened but wouldn't close. Chrome DevTools didn't show it — caught it on my actual phone.
Hashnode SSL took forever. DNS verified globally but Hashnode stuck on "pending verification" for 7+ hours. Still fighting it.
Spent an hour debugging a FOUC that was just a cached stylesheet. Hard refresh fixed it. I felt stupid.