Vibe Code to GHL Web Page Skill
I FINALLY figured out how to publish my artifacts and other web pages from Claude or Vibe Coding to GHL....Finally. I created a skill that anyone who uses GHL can use. It also has a checklist built inside. :) Hopefully this will help anyone else who might be struggling. This is baked inside: GHL Deployment Checklist Setup (do this first) - In GHL, go to Sites > Websites > Create New Website from Scratch - Change the page background color to match your site's background color (avoids a white border showing around your content block) - Connect your custom domain (optional but recommended -- found along the top of the page editor) Code - Paste Global CSS into Page Settings > Custom CSS (top of the GHL website builder) - Add a Code Element on the left sidebar, open it, and paste the HTML+JS block - Click Save Images - Upload all images to GHL Media Library (Sites > Media) - Replace all image URLs in the HTML block with GHL Media Library URLs - Repeat for every photo and GIF on the page Final checks - Build native GHL form (if page had a form) and replace the placeholder in the HTML - Preview page on mobile and desktop in GHL editor - Test all buttons and links - Check font rendering -- confirm fonts load correctly - Click Publish