Lewati ke konten utama
Back to all projects
Studio AI
2026Individu

Studio AI

Web app AI yang generate copy dan tema visual landing page (headline, palet warna, pasangan font) secara instan. Mengintegrasikan Anthropic Claude API sebagai provider utama dengan strategi fallback otomatis ke Google Gemini dan Groq untuk menjaga reliabilitas tanpa biaya tambahan.

Live Demo GitHub

Tech Stack

Next.jsTailwind CSSFramer MotionClaude APIGemini APIGroq

Detail & Highlights

  • Membangun web app AI portofolio yang generate copy dan tema visual landing page (headline, palet warna, pasangan font) secara instan, mengintegrasikan Anthropic Claude API sebagai provider utama dengan strategi fallback otomatis ke Google Gemini dan Groq untuk menjaga reliabilitas tanpa biaya tambahan.

  • Merancang backend (Next.js API Routes) dengan rate limiting, sanitasi input, guard prompt injection, serta validasi skema JSON dari AI dengan mekanisme retry otomatis saat parsing gagal.

  • Mendesain dashboard real-time preview dengan animasi staged (Framer Motion), skeleton loading, empty state, dan aksesibilitas (kontras WCAG AA); menulis 24 automated test untuk edge case response AI.

View other projects