How to Install a Skill & Upload to POD

How to Install a Skill & Upload to POD — Practice Acceleration

Tutorial Guide

Video Walkthrough

Install a Skill &
Upload to POD

A step-by-step guide to installing your Claude skills and publishing your AI-built website into Patients on Demand (GHL).

~10 min video

2 parts covered

No tech experience needed

Overview All Steps

Part 1 Installing a Skill

Part 2 Uploading to GHL

Contents

Download & Extract

Install the Skills

Build with Claude

Using Your Logo

Copy the HTML

Add to GHL

Remove Padding

Enable Full Width

Part 1 — Installing a Claude Skill

Part 1 · Getting started Download & extract your skill files

0:00

Your skills come as a zip file. Before uploading to Claude, you need to extract (unzip) them first. Claude does not accept zip files — it needs the raw .skill file inside.

⚠️

Don't upload the zip file directlyMost storage systems don't accept .md files, so the skills are zipped. Extract first, then upload the .skill file.

Download both skill files using the download buttons on the install guide page.

Find the zip files in your Downloads folder.

Extract each zip. Mac: double-click. Windows: right-click → "Extract All".

You now have a .skill file ready to upload.

Part 1 · Installation Install the skills in Claude

1:35

Once extracted, install both skill files in Claude. You only need to do this once — Claude remembers them permanently.

Go to claude.ai and sign in.

Click your profile picture → Settings → Skills.

Click "Install Skill", select pa-brand-builder.skill, and confirm.

Repeat for pa-website-builder.skill.

✅

Do this once, use foreverOnce installed, Claude stores both skills permanently. Only reinstall if you update to a newer version.

Part 1 · Using the skill Start building with Claude

1:45

Start a new chat in Claude and type your trigger phrase. Do Brand Builder first — once Claude knows your brand, the Website Builder uses it automatically.

Brand first:PA BRAND BUILDER

Then website:PA WEBSITE BUILDER

💡

Already done your brand?If you've run Brand Builder before, Claude stores it in memory. Jump straight to PA WEBSITE BUILDER — it picks up your brand automatically.

Part 1 · Pro tip Adding your logo using a URL

3:27

Don't upload your logo as a file into Claude — external builders can't access files uploaded there. Instead give Claude the public URL of your logo image.

⚠️

Don't upload — share a link insteadFiles uploaded to Claude stay inside Claude. Any website or builder you paste the code into won't load them.

Get the public URL of your logo from your website, GHL media library, or Google Drive.

Tell Claude: "Use this as my logo: [paste URL here]"

Claude embeds the URL into the HTML — your logo loads correctly on any platform.

Part 1 · Finishing up Copy the generated HTML

5:00

After Claude finishes (takes 1–3 minutes), it outputs a complete HTML file. Copy the code directly from Claude's chat — faster than downloading.

💡

Copy, don't downloadIf you download it, you'll need to open it in Notepad first. Copying directly from Claude is quicker.

Wait for Claude to finish — 1 to 3 minutes is normal for a full page.

Click the copy button on the code block in Claude's response.

Keep it on your clipboard — you'll paste it into GHL next.

Part 2 — Uploading to GoHighLevel (POD System)

Part 2 · GHL setup Create a new page & add the HTML

5:36

Head into POD System (GHL), create a new page, add a Custom Code element, and paste in the HTML from Claude.

Go to Funnels & Websites → "Add New Step" → "From Scratch".

Name the page (e.g. PA Homepage), set the path, click Create Funnel.

Click Edit to open the page builder.

Search for the "Code" element, drag it onto the page, click Add.

Open General tab → Open Code Editor → paste your HTML → click Save.

Part 2 · Cleanup Remove all padding & margins

6:25

GHL adds its own default padding. Since Claude's HTML is a full-width design, zero out all padding and margins on Page, Section, and Column.

Click the Layers icon in the left sidebar.

Click Page → edit icon → Style → set all padding & margin to 0.

Click Section → Style → all padding to 0.

Click each Column → Style → all padding to 0.

Switch to Mobile view and repeat steps 2–4 for mobile.

📱

Do this for Desktop AND MobileGHL has separate padding settings per viewport. Switch to mobile view and zero them out there too.

Part 2 · Final fix Enable "Allow rows to take entire width"

8:03

One final GHL setting that must be enabled — otherwise your page won't stretch full width. This is the most commonly missed step.

In Layers, click on Section.

Find and enable the toggle: "Allow rows to take entire width".

Click Save then Preview your page.

🎉

Your page is live!Your AI-built homepage is now published in GHL. It's 90% done out of the box. To update content, go back to your Claude Website Builder chat and ask it to make changes.