Pack

Pack 407 · Design · 13 items

Webflow and Framer Site Builder Pack

9 prompts + 4 skills for webflow and Framer web designers and builders — real jobs from the week, with the steps, rules and output an expert would ask for. 7 written for this work, 6 more from the library.

€4one-time · 13 prompts & skills · ≈ €0.31 each

  • Instant download
  • Yours to keep
  • Works in ChatGPT, Claude, Gemini
Also in the Design, images & video Bundle8 packs for €16 · save €26.50

What's inside

Made for webflow and Framer web designers and builders

6 prompts + 1 skill
  1. Prompt
    Webflow or Framer Site Build — Class Naming System, Components, Breakpoints and Accessibility

    Turns a design into a maintainable no-code site — a class naming system, global styles and variables, reusable components with properties, responsive rules across breakpoints, semantic structure and accessibility checks before launch.

  2. Prompt
    No-Code CMS Collections and Dynamic Templates — Blog, Case Studies, Locations and Team

    Designs CMS collections in Webflow or Framer — fields and field types, references between collections, slug rules, dynamic template pages, filtering and sorting, SEO fields per item, editor guidance and plan limits.

  3. Prompt
    No-Code Site Technical SEO — Meta, Redirects, Sitemaps, Performance and Localisation

    Gets a Webflow or Framer site ready for search — page titles and descriptions, canonical and indexing settings, redirects from an old site, sitemap and robots settings, structured data embeds, performance fixes and multilingual setup.

  4. Prompt
    No-Code Site Interactions and Animations — Purposeful, Fast and Respectful of Reduced Motion

    Designs interactions in Webflow or Framer that add meaning without hurting performance or accessibility — scroll and hover effects, page transitions, animation timing, mobile behaviour, reduced-motion alternatives and testing.

  5. Prompt
    No-Code Website Client Handover — Editor Training, Content Guide, Roles, Hosting and Care Plans

    Hands over a Webflow or Framer site professionally — editor access and roles, a content guide with do's and don'ts, recorded training, hosting and billing ownership, domain and form settings, backups and an optional care plan.

  6. Prompt
    Freelance No-Code Web Designer Proposal and Pricing

    Writes proposals for Webflow or Framer projects — discovery questions, scope by page and template, CMS and integrations, content responsibilities, timeline with milestones, pricing from effort, revision rounds, hosting costs and terms.

  7. Skill
    Webflow and Framer Builder Partner

    A standing partner for Webflow and Framer builders: class systems and components, CMS design, technical SEO, purposeful interactions, client handover and proposals — accessible, fast and easy for clients to edit.

Bonus prompts & skills

3 prompts + 3 skills · free with the pack

From the wider PromptCorrectly library, picked for the same work. They come in the same .zip and the start file tells your AI when to use each one.

  1. Skill
    UX Microcopy and Interface Writing Editor

    Edits buttons, errors, empty states, and onboarding copy for clarity, brevity, and helpful tone at the moment of use.

    Library · In a pack
  2. Skill
    SEO Content Editor for AI Search and AEO

    Optimizes articles for both classic SEO and AI answer engines, structuring content to be cited by LLMs.

    Library · In a pack
  3. Skill
    Conversion Copy Editor for Landing Pages

    Edits landing-page copy for a single clear value proposition, objection handling, and a frictionless path to action.

    Library · In a pack
  4. Prompt
    Landing Page Hero Section Optimizer

    Generates and stress-tests five hero headline-subhead-CTA combinations using a clarity-over-cleverness rubric.

    Library · In a pack
  5. Prompt
    Image SEO And Alt Text Optimizer

    Generates descriptive alt text, filenames, and captions optimized for accessibility and image search.

    Library · In a pack
  6. Prompt
    Push Back On Scope Creep With A Client

    Reins in expanding requests politely, reaffirms the agreement, and offers a path to add scope properly.

    Library · In a pack

What you download

Everything comes in one pack (.zip) you keep. Start with 00-GIVE-THIS-TO-YOUR-AI.md: paste it into your AI and it knows which file to use for which job, and what to ask you first.

More for Websites · UX & Design · Small Business

webflow-framer-site-builder/
├─ 00-GIVE-THIS-TO-YOUR-AI.md
├─ START-HERE.md
├─ TIPS-AND-FOLLOW-UPS.md
├─ AI-CHEAT-SHEET.md
├─ prompts/
│  ├─ 01-webflow-framer-site-build-class-system-components-and-responsive.md
│  ├─ 02-webflow-framer-cms-collections-and-dynamic-templates.md
│  ├─ 03-no-code-site-technical-seo-redirects-performance-localisation.md
│  ├─ 04-no-code-site-interactions-animation-performance-and-reduced-motion.md
│  ├─ 05-no-code-website-client-handover-training-and-maintenance.md
│  ├─ 06-freelance-no-code-web-designer-proposal-and-pricing.md
│  ├─ 07-landing-page-hero-section-optimizer.md
│  ├─ 08-image-seo-and-alt-text-optimizer.md
│  └─ 09-push-back-on-scope-creep-with-a-client.md
└─ skills/
   ├─ no-code-web-builder-partner/SKILL.md
   ├─ ux-microcopy-and-interface-writing-editor/SKILL.md
   ├─ seo-content-editor-for-ai-search-and-aeo/SKILL.md
   └─ conversion-copy-editor-for-landing-pages/SKILL.md

A look inside

Prompt · Webflow or Framer Site Build — Class Naming System, Components, Breakpoints and Accessibility · opening lines
ROLE: You are a senior no-code web developer who builds Webflow and Framer sites agencies are proud to hand over. You set up global styles and a naming system first, build reusable components, and check accessibility and responsiveness before calling anything done.

CONTEXT: The tool and plan (Webflow, Framer): …

Questions

What do I get?

A .zip with 9 prompts + 4 skills: 6 prompts + 1 skill written for webflow and Framer web designers and builders, plus 3 prompts + 3 skills from the wider library that fit the same work. Each prompt is a ready .md file, each skill a SKILL.md folder, plus 00-GIVE-THIS-TO-YOUR-AI.md (a start file your AI reads first), START-HERE.md, TIPS-AND-FOLLOW-UPS.md (tips and the follow-up questions for every file) and the free AI cheat sheet.

How do I use it?

Open ChatGPT, Claude or Gemini and paste 00-GIVE-THIS-TO-YOUR-AI.md, or attach the folder. It asks a few questions about your work once, then picks the right file for each job and fills in the blanks.

Is it a subscription?

No. €4 once, and the files are yours to keep. Nothing renews.

How do I download it?

Right after checkout, on the confirmation page. Sign in later with the email you paid with and the download button waits for you on this page.

Why this price?

A pack is priced by the items written for its trade: €0.50 a prompt and €1 a skill. The 6 bonus items come free on top. This one is €4 for 13 prompts and skills, about €0.31 an item.

Every design pack
Pack 396 · Prompts & skills

Blender 3D Artist

12 prompts & 1 skill
Pack 439 · Prompts

Product UX Strategy

13 prompts
Pack 440 · Prompts

Short-Form Video Scripts

15 prompts
Pack 441 · Prompts & skills

UX Audits & Microcopy

16 prompts & 4 skills