Website buildersCAN I VIBECODE
Carbonmade?
BUILD FIRST
- One specific customer type and one primary use case
- A vertical slice that completes the main job without manual workarounds
- Visible limits, review steps, and a fallback when an external dependency fails
LEAVE FOR LATER
- Broad third-party integrations
- High-scale collaboration, syncing, and permissions
- Automation that can cause harm without human review
RESEARCH NOTES
What this tool actually does.
Carbonmade is a drag-and-drop portfolio website builder aimed at creatives (artists, photographers, designers, videographers). Its core differentiator is block-based layout building: instead of fixed templates, users mix and match 'blocks' (described as Lego-like mini-themes) in thousands of combinations, then customize. Everything is drag and drop, with no file size limits on uploads (images up to 100MB, videos up to 2GB). It supports unlimited media uploads, galleries, slideshows, full-screen grids, a customizable 4K video player (no external embedding), and a 'before and after' block for showing process. Hosting and a subdomain are included (name.carbonmade.com, name.portfolio.site, or name.gfx.work), with custom domain binding available. Users can switch navigation layouts in one click, choose from dozens of typefaces, and create custom gradients in-app. Built-in insights/analytics s
RESEARCHED BUILD PROMPT
Give this to your coding agent.
Build a self-hosted portfolio website builder for creatives, inspired by the workflow of Carbonmade (do not copy its brand, logo, copy, or UI). Core workflow: a creator signs up, then assembles a portfolio page by dragging prebuilt 'blocks' (hero, gallery grid, slideshow, full-screen media, video player, before/after slider, text, contact) onto a canvas and re-arranging them freely, rather than picking a fixed template. Each block is customizable (colors, gradients, typeface, layout). Users upload unlimited images and videos, choose a navigation style, and get a public portfolio at a subdomain plus optional custom domain. A simple analytics view shows total visits and most-viewed projects. Requirements: user-facing — drag-and-drop block canvas, block library, media uploader with size limits, live preview, navigation switcher, typography/gradient controls, public portfolio URL, private-portfolio toggle, and per-project analytics. Technical — pick a stack you can actually run (e.g., React + a drag-and-drop library like dnd-kit, a Node/Express or Supabase backend, and object storage for media); implement auth, project/block persistence, and a read-only public render route. Do not reproduce Carbonmade's name, logo, marketing copy, or visual design. Out of scope: multi-user teams, e-commerce, blogging, SEO tooling, and a production CDN. Include a README with setup steps, environment variables, and honest limitations (e.g., single-node storage, no video transcoding, basic analytics).