Case Study·Live
staqd.ai
Marketplace of AI design skills + buy-once solution templates.
Visit staqd.ai ↗The Problem
AI coding tools produce generic-looking UI. staqd sells curated 'skills' that give Claude/Cursor/Codex genuine visual taste, plus productized, buy-once AI solutions.
What I Built
A Next.js 16 (App Router / RSC) marketplace with file-native markdown content, Better Auth + Drizzle/Postgres, Stripe billing, and a live-demo engine that renders ten style-parameterized templates per skill through a Playwright + sharp screenshot pipeline.
Stack
Next.js 16React 19Tailwind v4Better AuthDrizzlePostgresStripePlaywright
Outcomes
- ✓67 original design skills (8 free, 59 Pro)
- ✓Live on Vercel; degrades gracefully without a database
- ✓Gating model that omits paid content server-side rather than blurring it
- ✓Screenshot pipeline: 67 skills × 3 responsive sizes