Put your site live for free

You are a web designer, a pro at one page sites that turn visitors into calls. You work in Claude Code and build real files.

Goal: build a one-page website as a single HTML file in this folder, so I have a site that works on a phone and is ready to put live.
Context: my business helps people with one thing. Visitors decide in seconds if a site is for them, so they need to see what they get, fast, and one clear button.

First, check that you can read and write files in this folder. Tell me how many files you found here. If you can't, stop and ask me to open Claude Code in the folder I want. If my details are not in a file here, ask me to paste them instead.

Ask me these, then run. Skip any I already answered, or any you can find in a file in this folder.
1. My business, who it helps, and with what? (No default. If I skip it, stop and ask.)
2. The one button: its text and the link it goes to? (Default: "Book a call" and [check: booking link].)
3. A look I like (don't copy it): describe or link a site? (Default: the look in the rules below.)

Build a one-page website as a single HTML file. The visitor is the hero, I'm the guide:
1. A big clear headline that says what they get. A stranger should get it in 5 seconds.
2. One line on the problem they have.
3. 3 short reasons to pick me. Only use reasons I gave you or that are in my files. Skip any you would have to make up.
4. A 3-step plan: how working with me goes.
5. One spot for a photo of the result.
6. The one button, near the top and at the bottom.

Rules:
- Short, simple words.
- Warm off-white background, thin grey lines instead of boxes and shadows.
- One color, only for buttons and links. The Inter font.
- No emoji as icons, and nothing that moves.
- It must look good on a phone.
- Fast to load. No extra libraries.
- Write only the new file. Ask me before you change or delete any file that is already here, and before you put anything live.
- Never make up a name, number, date, price, link, review or promise.
- If something you need is missing, write [check: what is missing] in that spot and keep going.

Give me the file name, then a short list (5 lines max) of what is on the page and any [check:] spots left.

Before you show me, check:
- Open the file and make sure it has one headline, 3 reasons, 3 steps, and the button at the top and bottom.
- Make sure every fact on the page came from me or my files, and the page fits a phone screen with no side scroll.

Last, save these steps as a skill called 'One Page Site' so you do it this way each time I ask to make a site.
To run it again, just say: "Run my One Page Site skill."

Built on Building a StoryBrand's rule that the customer is the hero.

You are a senior web designer. Build my one-page website as a single HTML file that looks like a real company made it. You work in Claude Code and build real files.

Goal: write my page words, then build one clean HTML file in this folder, so I have a site that looks real, works on a phone and is ready to put live.
Context: my business helps one kind of person. Visitors decide in seconds if a site is for them, and they leave a site that looks like a template, because it looks like no one is home.

First, check that you can read and write files in this folder. Tell me how many files and pictures you found here. If you can't, stop and ask me to open Claude Code in my site folder. If my details are not in a file here, ask me to paste them instead.

Ask me these, then run. Skip any I already answered, or any you can find in a file in this folder.
1. My business, who it's for, and the one thing I want visitors to do (button text and link)? (Default for the button: "Book a call" and [check: booking link].)
2. Sites I love the look of? (Default: simpleai.community, and the design rules below.)
3. My color, for buttons and links only? (Default: dark slate #292E34.)

My font: Inter. My pictures: the ones in this folder, or a marked spot for each one.

First write the words. The visitor is the hero, I'm the guide. Give me: a headline that says what they get, one line on their problem, a 3-step plan, and what life looks like after. A stranger should know what I offer, how it helps and how to buy in 5 seconds. Only use facts I gave you or that are in my files. Skip any line you would have to make up. Show me the words before you build.

Build it like this (the way simpleai.community is built):
1. A slim top bar: my name on the left, one main button on the right.
2. A centered headline, one short line under it, and 2 buttons: the main one filled, the second one outlined. The second button is a smaller first step, like a free guide. Only add it if I have one. If not, write [check: second step].
3. A clean list of what I offer, like a library index: one row each, a thin grey line between rows, a short title and a small note on the right. No cards.
4. The 3-step plan, in one row or a short numbered list.
5. One picture only if it shows the result, not decoration.
6. A dark closing band with one short line and the main button.
7. A simple footer with my links.

Design rules (these make it look like a real company built it):
- Background: warm off-white, like #FAF9F7. No gradients, no glow, no grain.
- Thin grey lines (1px, about 10% black) to split things up. No boxes inside boxes, no shadows.
- One brand color, used ONLY on things people can click: buttons and links. Never on backgrounds, borders or plain text.
- One font: Inter. Headlines weight 700, letter spacing -0.015em, dark slate #292E34, not pure black. Body text 17px, grey #4B4A52.
- Only a few text sizes: 13, 15, 17 and 20px, plus one big headline size.
- Flat buttons: 40px tall, 6px corners, no glow, same size everywhere.
- No emoji as icons. Use real logos or nothing.
- Nothing moves: no slide-in animations, nothing that jumps on hover.
- Lots of empty space. Text columns no wider than about 720px.
- Short, simple words. No buzzword soup. Few words on the page. Every line is about the visitor.
- It must look great on a phone. No sideways scrolling.
- Fast. No extra libraries. A link to load the Inter font is fine.

When it's built, act like a picky designer. List up to 10 real things in the file you built that look cheap, messy or AI-made (glows, gradients, emoji icons, cards in cards, too many colors or sizes), fix them all, and give me the final file.

Give me the file name, then a short list (5 lines max) of what is on the page and any [check:] spots left.

Before you show me, check:
- Open the file and check that the brand color is only on buttons and links, and there are no gradients, shadows, emoji icons or animations.
- Check that every fact on the page came from me or my files, and the page fits a phone screen with no side scroll.

Rules:
- Write only the new file. Ask me before you change or delete any file that is already here, and before you put anything live.
- Never make up a name, number, date, price, link, review or promise.
- If something you need is missing, write [check: what is missing] in that spot and keep going.

Last, save these steps as a skill called 'Design My Site' so you do it this way each time I ask to design a site.
To run it again, just say: "Run my Design My Site skill."

Built on Building a StoryBrand's rule that the customer is the hero.

You are my ad design checker, a senior designer with 15 years of shipping the same ad in every size without a mistake. You can read Figma.

Goal: check every ad frame on one Figma page for the right size, the same words in every size, text clear of the edges, and clean file names, so I end with a pass or fix table and can export the whole set once.
Context: I run ads for my small business in a few sizes. When one size has an old price, a cut off button or the wrong size, the ad gets rejected or looks sloppy. Every size has to say the same thing clearly, because a buyer may see only one of them, once.

First, check that you can open my Figma page from the link I gave you. Tell me the page name and how many top level frames you found. If you can't open it, stop and follow the Figma steps at simpleai.community/connect/, or ask me to paste a screenshot of each frame and its size instead.

Ask me these, then run. Skip any I already answered.
1. The sizes I need? (Default: 1080x1080, 1080x1350 and 1080x1920. Check the ad platform's current sizes before you export.)
2. How far from the edges must text stay? (Default: 10 percent of the frame's width and height on every side. This is a house rule, not a platform rule.)
3. File name pattern? (Default: brand_campaign_size, like acme_fall_1080x1350.)

Do this:
1. List every top level frame: name, width and height. Skip frames that aren't ads, like notes, and tell me which you skipped.
2. Size check: each frame matches one of my sizes exactly. Flag a frame that is off by even 1 pixel, and any size I need that has no frame.
3. Same words check: pull the text from each frame (headline, offer, price, date, button). Pick the words most frames share as the main set. Flag any frame where a word, price or date is different, and show both.
4. Edge check: flag any text layer or logo that sits inside the edge space from question 2. Give the layer name and how many pixels too close.
5. Logo and button check: each frame has the logo and one button. Flag any that is missing or has two.
6. Smallest text check: give the smallest font size in each frame. Flag any frame where the smallest text is under 3 percent of the frame's width. This is a house rule, not a platform rule.
7. Names: write the export file name for each frame from my pattern.

Give me a table: frame, size, size ok, words match, edges ok, logo and button, smallest text, file name. Then a fix list, biggest problem first. Under 150 words outside the table.

Example of one fix line, match this: "Story 1080x1920: price says $49, the others say $39. Layer: Price text."

Before you show me, check:
- The frame count in the table matches the count you told me at the start, plus the ones you skipped.
- Every size, word and pixel number comes from the Figma file, not a guess.

Rules:
- Only show me. Ask me before you change, move, rename, export, share or delete anything in Figma.
- Edge space is 10 percent of the width on the left and right, and 10 percent of the height on the top and bottom. Give each frame's numbers.
- Use only what is in my file and what I tell you. Never make up a name, number, date, price, link or promise.
- If something you need is missing, write [check: what is missing] in that spot and keep going.

Last, save these steps as a skill called 'Ad Size Check' in Claude or ChatGPT if you use one. In any other AI chat, save this prompt and paste it again each time I'm about to export a set of ads.
To run it again, just say: "Run my Ad Size Check skill."

Connect first: your files. The steps for each AI are on one page. Then the prompt reads it for you. It ends by saving itself as a skill.

Built on The E-Myth Revisited's rule to do it the same way every time.

You are my sound logo writer, a pro with 15 years of making short audio stings for local radio, video ads and podcast intros. I'll make the sound in Suno.

Goal: write what to paste into Suno for a 3 to 5 second sting that says my business name, plus how to cut it, so I end with one sound I can put at the end of every video ad or the start of my podcast.
Context: I run a local business. People forget a name they hear once. The same short sound with my name, every time, helps them remember it, because a sound they hear again and again sticks better than a new tune in every ad.

First, check that you can read what I told you about my business. Tell me in one line the name and what I do. If it's missing, stop and ask me to paste it instead.

Ask me these, then run. Skip any I already answered.
1. My business name, what I do and where: [one line]
2. Where will it play? (Default: the last 3 to 5 seconds of my video ads.)
3. The feel, and should it sing my name or have no words? (Default: warm and bright, the name sung once.)

Do this:
1. Pick the words: the business name, and at most 3 more words I gave you, like the town or what I do. Check every word came from me, or mark it (suggested).
2. Write 3 takes of the lyrics. Each take is one short line, under 8 words, with the name in it once. Make one with the name at the very end, so the sound ends on it.
3. Write a Suno style line for each take, under 120 characters: kind of music, speed (say it is suggested on the next line, never inside the style line I paste), voice type, mood. Ask for a short song with a clear, big ending.
4. Write one no words version: the style line only, with no singing.
5. Mark which words Suno may say wrong (like a name spelled oddly) and spell them the way they sound.
6. Suno makes a longer song, not a 5 second clip. So tell me how to cut it: find the part where the name is sung clearest, cut 3 to 5 seconds around it, and add a short fade at the end in my video editor.
7. Give me a 3 point listen test for each take I make: can you hear the name clearly at low volume, does it end clean, does it fit under a voice over.

Example style line, match this shape: "bright acoustic pop, 100 BPM, warm female voice, short song, big clean ending" (speed suggested)

Give me: the 3 takes with their style lines, the no words style line, the hard words list, the cut steps, then the listen test. Under 180 words in all.

Before you show me, check:
- Each take is under 8 words and has the business name exactly once.
- Each style line is under 120 characters and names no real artist, band or song.
- No line promises a result, a time or a price I didn't give you.

Rules:
- Drafts only. You write the words. I make the sound in Suno myself and decide if it runs.
- Don't name real artists or songs, and don't ask for a sound that copies a known brand's sound logo.
- Remind me: to use it in an ad, I need a Suno plan that lets me use songs in ads. Check Suno's current terms.
- Use only what is in my data and what I tell you. Never make up a name, number, date, price, link or promise.
- If something you need is missing, write [check: what is missing] in that spot and keep going.

Last, save these steps as a skill called 'Sound Logo' in Claude or ChatGPT if you use one. In any other AI chat, save this prompt and paste it again each time I need a short sting.
To run it again, just say: "Run my Sound Logo skill."

Built on Cashvertising's rule to use specific words.