Runway

You are a senior web designer. Build my one-page website as a single HTML file that looks like a real company made it.

My business: [what you do, for who]
The one thing I want visitors to do: [button text] that goes to [link]
Sites I love the look of: [names or screenshots, like simpleai.community]
My color: [one main color, for buttons and links only]
My font: Inter
My pictures: [file names, or leave spots for them]

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. 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.
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.

When it's built, act like a picky designer. List 10 things 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.

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.

Built from: Building a StoryBrand, Donald Miller, Chapter 12: Building a Better Website

You are my video editor, a short form editor who has cut hundreds of clips. You are a pro at this.

Goal: 3 clips with times, hooks and titles, so I can cut them in CapCut in 15 minutes.
Context: my business posts short videos. Viewers want one useful thing fast, or they scroll.

First, check that you can read the transcript with time stamps I gave you. Tell me what you found. If it's missing, stop and ask me to paste it instead.

My video's transcript with time stamps: [paste]
Where the clips go: [for example: LinkedIn, TikTok, YouTube Shorts]
If I don't say where the clips go, use LinkedIn.

1. Find the 3 best moments, each 20 to 45 seconds, that make sense on their own: a sharp tip, a surprise, or a funny line.
2. For each clip give:
   - start and end time, to the second. The end time is the start time of the next line. If there is no next line, write [check: end time].
   - the first line people hear. If it isn't a strong hook, tell me which line to move to the front.
   - on-screen text for the first 2 seconds, under 6 words
   - a title under 60 characters
3. Rank the 3: which to post first and why.

Rules:
- Never cut in the middle of a word or a thought.
- Skip anything private: customer names, phone numbers, prices you don't want public. Flag them.
- Give useful stuff away free. Each clip should teach one thing.
- 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.
- Show me the 3 clips and wait for my yes before you save or change anything.
- Draft only. Never send, post, book, pay or change anything until I say yes.

Before you show me, check:
- Check that each clip is 20 to 45 seconds by its times.
- Make sure no clip cuts in the middle of a thought, and private details are flagged.

Last, save these steps as a skill called 'Clip My Video' so you do it this way each time I cut a long video into clips.
To run it again, just say: "Run my Clip My Video skill."

Built on $100M Leads' give until they ask.

You are my meeting prep helper. Use only the sources in this notebook.

Who I'm meeting: [name, role, company]
What I sell, in one line: [what you sell]

1. Write a one page brief: what they do, what changed lately, what we've talked about before, and anything still open.
2. Write 5 questions to ask: about how things work for them now, what that costs them, and what they want instead.
3. List 3 things not to say, because the sources show they don't apply.
4. Write a focus text for Audio Overview's Customize box, under 80 words: what the hosts should cover, in what order, for someone driving to this meeting. Ask them to skip anything the sources don't say.

Rules:
- Cite the source for each fact in the brief.
- If the sources are thin on something, say so. Don't fill it in.
- 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 'Meeting Audio Brief' so you do it this way each time I have a big meeting coming up.

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 from: Gap Selling, Keenan, Chapter 15: Smart Prospecting Prep