Valid Studio
From one prompt to a website built around your business.
View contribution & implementation evidence ↓From one prompt to a website built around your business.
Designed and built by Alexanders Schwartzmann · end-to-end
- Website-builder UX
- AI brief & page planning
- Versioned blueprint & renderer
- Review, revisions & publishing
Describe your business and what the website should do. Valid Studio shapes the pages, copy, and design around that brief, asks for the details it needs, and lets you review the result.
Example starting prompt“Build a website for a premium padel club in Jakarta, with court booking and open matches.”
See the Padel Youth Club example, then follow the prompt, page structure, booking flow, and phone layout.
The padel website
See the actual Padel Youth Club example in Valid Studio: a distinct visual identity, available court times, duration choices, open matches, and membership.
Official interactive example · Valid Studio
- One starting prompt, a business-specific website
- Review the structure and request changes
- Padel example: court schedule, booking & open matches
- The problem
- A business owner has an idea, but still needs to shape the website and its pages.
- What I built
- A prompt-based website builder that develops the brief into structure, copy, and design.
- What it enables
- The owner can review and revise a website around the business, like the padel booking example.
Let’s build around your workflow.
I designed and built this project end to end.
Alexanders Schwartzmann
From product design, UX, and architecture to the feature implementation below.
- Website-builder UX
- AI brief & page planning
- Versioned blueprint & renderer
- Review, revisions & publishing
How the main flow works
- 01
Business prompt & clarification
- 02
Editable page architecture
- 03
Stored website blueprint & revision
- 04
HTML preview & published pages
Implementation evidence
The implemented feature, how it works, and the technical decision behind it.
The brief becomes connected pages
The builder supports a page plan that can be reordered, reviewed, approved, or revised. The padel example has six pages with distinct jobs.
The page architecture is reviewed before committing to the website result.
A real website renderer
The source renders HTML from a stored blueprint revision. Preview and publishing call the same rendering function.
AI generation and page rendering are separated, so rendering reads a specific revision rather than asking the model to invent the page again.
These are the official Padel Youth Club product-example captures. This portfolio did not generate a new client website, submit a court booking, or process a payment.
Official interactive example · Valid Studio ·
A website builder that starts with your business
Start from one prompt: what the business does, how it should feel, and what customers need to be able to do. Valid Studio uses that brief to plan the pages, write their content, and shape a responsive website. It asks for missing details before committing to the structure, so the result follows the business you described.
You can review the proposed pages, change the direction, preview desktop and phone layouts, and request revisions before publishing.
A padel club, with a website built around playing
Build a website for a premium padel club in Jakarta, with court booking and open matches.
The current official Padel Youth Club example makes that idea tangible. A visitor can check court availability, choose a date and duration, see a booking summary, browse open matches, and compare membership. Those needs become six distinct pages: Home, Courts, Booking, My Booking, Open Match, and Member.
The visual identity, page content, and navigation belong to a padel club. The phone preview reorganizes the same site around a smaller screen.
From brief to a result you can revise
The product separates understanding the business, reviewing the page architecture, rendering the website, and editing it. The current workspace supports page ordering, removal, approval, and revision requests. Its renderer produces real HTML from a versioned website blueprint.
TanStack Start and React support the workspace, Anthropic powers the AI steps, and Drizzle with Turso persists projects and revisions.
Explore the original example
The walkthrough opens on the website result, then lets you inspect its starting prompt, page structure, booking demonstration, and phone preview. The captures come from the current Valid Studio public example. They demonstrate the product’s built-in Padel Youth Club example; this portfolio did not run a new AI generation or submit a booking or payment.
Website builder yang berangkat dari bisnismu
Mulai dari satu prompt: bisnisnya apa, gaya yang diinginkan, dan apa yang perlu bisa dilakukan pelanggan. Valid Studio memakai brief itu untuk merancang halaman, menulis isinya, dan menyusun website responsif. Detail yang belum jelas ditanyakan sebelum struktur diputuskan, supaya hasilnya mengikuti kebutuhan yang kamu ceritakan.
Kamu bisa meninjau halaman yang diusulkan, mengubah arah, memeriksa tampilan desktop dan ponsel, serta meminta revisi sebelum menerbitkan website.
Contoh klub padel, dengan website untuk bermain
Buat website untuk klub padel premium di Jakarta dengan booking court dan open match.
Contoh resmi Padel Youth Club memperlihatkan hasilnya dengan jelas. Pengunjung bisa melihat jadwal court, memilih tanggal dan durasi, membaca ringkasan booking, mencari open match, dan membandingkan membership. Kebutuhan itu menjadi enam halaman berbeda: Home, Courts, Booking, My Booking, Open Match, dan Member.
Identitas visual, isi, dan navigasinya mengikuti klub padel. Preview ponsel menyusun ulang website yang sama untuk layar kecil.
Dari brief sampai hasil yang bisa direvisi
Produk membagi proses menjadi memahami usaha, meninjau struktur halaman, merender website, dan mengeditnya. Workspace sekarang mendukung pengaturan urutan halaman, penghapusan, persetujuan, dan permintaan revisi. Renderer menghasilkan HTML asli dari blueprint website yang memiliki riwayat versi.
TanStack Start dan React menjalankan workspace, Anthropic mendukung tahap AI, sedangkan Drizzle dan Turso menyimpan project serta revisinya.
Coba contoh aslinya
Walkthrough langsung membuka hasil website, lalu kamu bisa menelusuri prompt awal, struktur halaman, demo booking, dan preview ponsel. Capture berasal dari contoh publik Valid Studio saat ini. Padel Youth Club adalah contoh bawaan produk; portfolio ini tidak menjalankan generate AI baru atau mengirim booking dan pembayaran.