Affiliate disclosure: we earn a commission if you purchase through links on this page — at no extra cost to you.
Best Fiverr AI Prompt Engineering Gigs 2026 — Classifieds-Zone const TWEAKS = /*EDITMODE-BEGIN*/{ "theme": "editorial", "showSidebar": true, "heroStyle": "editorial", "density": "comfortable", "accentHue": 195 }/*EDITMODE-END*/; :root{ --bg: oklch(98% 0.008 85); --paper: oklch(99.5% 0.004 85); --ink: oklch(20% 0.02 250); --ink-2: oklch(38% 0.02 250); --ink-3: oklch(55% 0.015 250); --rule: oklch(88% 0.012 85); --rule-2: oklch(82% 0.015 85); --accent-h: 195; --accent: oklch(55% 0.12 var(--accent-h)); --accent-soft: oklch(94% 0.04 var(--accent-h)); --accent-ink: oklch(32% 0.09 var(--accent-h)); --coral: oklch(68% 0.14 35); --coral-soft: oklch(95% 0.035 35); --butter: oklch(94% 0.06 90); --sage: oklch(92% 0.03 150); --star: oklch(70% 0.15 75); --radius: 4px; --radius-lg: 10px; --shadow-card: 0 1px 0 rgba(20,24,40,.04), 0 12px 32px -24px rgba(20,24,40,.18); --font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif; --font-body: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif; --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; --pad: 24px; --maxw: 1240px; } html[data-theme="mono"]{ --bg:#f7f6f3; --paper:#ffffff; --ink:#0c0c0c; --ink-2:#2a2a2a; --ink-3:#565656; --rule:#e3e2dc; --rule-2:#cfcdc4; --accent:#0c0c0c; --accent-soft:#ededea; --accent-ink:#0c0c0c; --coral:#0c0c0c; --coral-soft:#ededea; } html[data-theme="retro"]{ --bg:#f3ead8; --paper:#fbf5e6; --ink:#1d1408; --ink-2:#3a2d17; --ink-3:#6b5a3d; --rule:#d9cfb3; --rule-2:#b8aa82; --accent:#8a1c10; --accent-soft:#f3dcc6; --accent-ink:#5a110a; --coral:#c2410c; --coral-soft:#f1dcc3; --butter:#efdba3; } *{box-sizing:border-box} html,body{margin:0;padding:0} body{ font-family:var(--font-body); background:var(--bg); color:var(--ink); font-size:16px; line-height:1.55; -webkit-font-smoothing:antialiased; font-feature-settings:"ss01","cv01"; } a{color:inherit} h1,h2,h3,h4{font-family:var(--font-display); font-weight:600; letter-spacing:-0.01em; line-height:1.08; margin:0; text-wrap:balance} p{margin:0; text-wrap:pretty} hr{border:0; border-top:1px solid var(--rule); margin:0} /* Top nav */ .nav{ position:sticky; top:0; z-index:40; background:color-mix(in oklab, var(--bg) 80%, transparent); backdrop-filter:saturate(140%) blur(10px); border-bottom:1px solid var(--rule); } .nav-inner{ max-width:var(--maxw); margin:0 auto; padding:12px var(--pad); display:flex; align-items:center; gap:24px; } .brand{ display:flex; align-items:center; gap:10px; font-family:var(--font-display); font-weight:600; letter-spacing:-0.01em; text-decoration:none; } .brand-mark{ width:28px; height:28px; border-radius:6px; background:var(--ink); color:var(--bg); display:grid; place-items:center; font-weight:700; font-size:13px; } .brand-name{font-size:16px} .brand-name .tld{color:var(--ink-3); font-weight:500} .nav-links{display:flex; gap:22px; font-size:14px; color:var(--ink-2); margin-left:auto} .nav-links a{text-decoration:none; padding:6px 0; border-bottom:1px solid transparent} .nav-links a:hover{border-bottom-color:var(--ink)} .nav-cta{ font-family:var(--font-body); font-weight:600; font-size:14px; background:var(--ink); color:var(--bg); text-decoration:none; padding:9px 14px; border-radius:999px; } .nav-cta:hover{background:var(--accent-ink)} /* Breadcrumbs */ .crumbs{ max-width:var(--maxw); margin:0 auto; padding:18px var(--pad) 0; font-size:13px; color:var(--ink-3); font-family:var(--font-mono); } .crumbs a{text-decoration:none; border-bottom:1px solid var(--rule-2)} .crumbs span{margin:0 8px; color:var(--rule-2)} /* Page grid */ .page{ max-width:var(--maxw); margin:0 auto; padding:20px var(--pad) 80px; display:grid; grid-template-columns: minmax(0,1fr) 320px; gap:48px; align-items:start; } html[data-sidebar="false"] .page{grid-template-columns:minmax(0,1fr); max-width:960px} html[data-sidebar="false"] .sidebar{display:none} @media (max-width: 960px){ .page{grid-template-columns:1fr; gap:32px} .sidebar{order:2} } /* Section scaffolding */ section{padding:56px 0; border-top:1px solid var(--rule)} section:first-of-type{border-top:0; padding-top:24px} html[data-density="compact"] section{padding:36px 0} .eyebrow{ display:inline-flex; align-items:center; gap:10px; font-family:var(--font-mono); font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--ink-3); margin-bottom:18px; } .eyebrow .num{ display:inline-grid; place-items:center; width:22px; height:22px; border-radius:50%; background:var(--ink); color:var(--bg); font-size:11px; font-weight:600; font-family:var(--font-body); } .eyebrow .dot{width:4px; height:4px; border-radius:50%; background:var(--rule-2)} h2.sec-title{font-size: clamp(26px, 3.4vw, 38px); line-height:1.1; letter-spacing:-0.02em} .sec-lede{color:var(--ink-2); font-size:17px; max-width:62ch; margin-top:10px} /* ======= SECTION 1 — HERO ======= */ .hero{padding-top: 20px} .hero-meta{ display:flex; flex-wrap:wrap; gap:10px 18px; font-family:var(--font-mono); font-size:12px; color:var(--ink-3); text-transform:uppercase; letter-spacing:.06em; margin-bottom:22px; } .hero-meta b{color:var(--ink); font-weight:500} .hero-meta .pill{ display:inline-flex; align-items:center; gap:8px; border:1px solid var(--rule-2); padding:6px 10px; border-radius:999px; background:var(--paper); } .pulse{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 var(--accent);animation:pulse 2.2s infinite} @keyframes pulse{ 0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--accent) 60%, transparent)} 70%{box-shadow:0 0 0 10px transparent} 100%{box-shadow:0 0 0 0 transparent} } .hero h1{ font-size: clamp(42px, 6.2vw, 78px); line-height:0.98; letter-spacing:-0.035em; font-weight:600; } .hero h1 .tested{color:var(--accent); font-style:italic; font-weight:500; font-family:'Space Grotesk'} .hero h1 .amp{color:var(--ink-3); font-weight:400} .hero-intro{ margin-top:26px; font-size:19px; color:var(--ink-2); max-width:58ch; } .hero-intro b{color:var(--ink); font-weight:600; background:linear-gradient(180deg, transparent 60%, var(--butter) 60%); padding:0 2px} .hero-cta-row{margin-top:30px; display:flex; flex-wrap:wrap; gap:14px; align-items:center} .btn{ display:inline-flex; align-items:center; gap:10px; font-family:var(--font-body); font-weight:600; font-size:15px; padding:14px 22px; border-radius:999px; text-decoration:none; transition:transform .2s, box-shadow .2s; } .btn-primary{background:var(--ink); color:var(--bg); box-shadow:var(--shadow-card)} .btn-primary:hover{transform:translateY(-1px); background:var(--accent-ink)} .btn-ghost{background:transparent; color:var(--ink); border:1px solid var(--rule-2)} .btn-ghost:hover{border-color:var(--ink)} .btn .arr{font-family:var(--font-mono); transition:transform .2s} .btn:hover .arr{transform:translateX(3px)} .trust{font-size:13px; color:var(--ink-3); display:flex; gap:10px; align-items:center} .trust .stars{color:var(--star); letter-spacing:-1px; font-size:15px} .hero-figure{ margin-top:44px; position:relative; border:1px solid var(--rule); border-radius:var(--radius-lg); background: radial-gradient(1200px 300px at 20% 0%, var(--accent-soft), transparent 60%), radial-gradient(800px 300px at 100% 100%, var(--coral-soft), transparent 60%), var(--paper); padding:20px; overflow:hidden; } .hero-figure::before{ content:""; position:absolute; inset:0; background-image: linear-gradient(var(--rule) 1px, transparent 1px), linear-gradient(90deg, var(--rule) 1px, transparent 1px); background-size:44px 44px; opacity:.35; pointer-events:none; } .hero-stack{ position:relative; display:grid; grid-template-columns: 1.1fr 1fr; gap:16px; align-items:stretch; } @media(max-width:720px){.hero-stack{grid-template-columns:1fr}} .prompt-card{ background:var(--paper); border:1px solid var(--rule-2); border-radius:var(--radius); padding:18px; box-shadow:var(--shadow-card); position:relative; } .prompt-card .tag{ font-family:var(--font-mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--accent-ink); background:var(--accent-soft); padding:3px 8px; border-radius:4px; display:inline-block; margin-bottom:10px; } .prompt-card h3{font-size:20px; margin-bottom:10px; letter-spacing:-0.01em} .prompt-card .code{ font-family:var(--font-mono); font-size:12.5px; color:var(--ink-2); background:var(--bg); border:1px dashed var(--rule-2); padding:12px; border-radius:4px; line-height:1.55; white-space:pre-wrap; } .prompt-card .code b{color:var(--accent-ink); font-weight:600} .prompt-card .code i{color:var(--coral); font-style:normal; font-weight:500} .prompt-card .meta{ display:flex; justify-content:space-between; align-items:center; margin-top:12px; font-size:13px; color:var(--ink-3); } .ranked-list{display:flex; flex-direction:column; gap:10px} .ranked-row{ background:var(--paper); border:1px solid var(--rule-2); border-radius:var(--radius); padding:12px 14px; display:flex; align-items:center; gap:12px; } .ranked-row .rank{ font-family:var(--font-display); font-size:22px; font-weight:600; color:var(--ink-3); width:28px; text-align:center; } .ranked-row.one .rank{color:var(--accent)} .ranked-row .name{font-weight:600; font-size:15px} .ranked-row .sub{font-size:12.5px; color:var(--ink-3); font-family:var(--font-mono)} .ranked-row .stars{margin-left:auto; color:var(--star); letter-spacing:-1px; font-size:14px} .ranked-row .score{font-family:var(--font-mono); font-weight:600; font-size:13px; color:var(--ink)} /* ======= SECTION 2 — STATS ======= */ .stats{ background:var(--accent-soft); border:1px solid color-mix(in oklab, var(--accent) 18%, var(--rule)); border-radius:var(--radius-lg); padding:28px; display:grid; grid-template-columns:repeat(4, 1fr); gap:12px; } @media(max-width:720px){.stats{grid-template-columns:repeat(2,1fr)}} .stat{position:relative; padding:8px 14px; text-align:left} .stat + .stat{border-left:1px solid color-mix(in oklab, var(--accent) 22%, var(--rule-2))} @media(max-width:720px){.stat + .stat:nth-child(3){border-left:0}} .stat .n{font-family:var(--font-display); font-size:42px; font-weight:600; line-height:1; color:var(--accent-ink); letter-spacing:-0.02em} .stat .l{font-size:13px; color:var(--ink-2); margin-top:8px; font-family:var(--font-mono); text-transform:uppercase; letter-spacing:.06em} /* ======= SECTION 3 — TOP 3 ======= */ .top3-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:32px; } @media(max-width:860px){.top3-grid{grid-template-columns:1fr}} .gig-card{ position:relative; background:var(--paper); border:1px solid var(--rule-2); border-radius:var(--radius-lg); padding:22px; display:flex; flex-direction:column; gap:12px; transition:transform .2s, box-shadow .2s; } .gig-card:hover{transform:translateY(-3px); box-shadow:var(--shadow-card)} .gig-card .ribbon{ position:absolute; top:-1px; right:18px; font-family:var(--font-mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; font-weight:600; background:var(--ink); color:var(--bg); padding:6px 10px 8px; clip-path:polygon(0 0, 100% 0, 100% 100%, 50% 85%, 0 100%); } .gig-card.featured{border-color:var(--accent); box-shadow: 0 0 0 3px var(--accent-soft)} .gig-card.featured .ribbon{background:var(--accent)} .gig-card.value .ribbon{background:var(--coral)} .gig-card.business .ribbon{background:var(--ink)} .gig-avatar{ width:100%; aspect-ratio: 16/9; border-radius:6px; background: repeating-linear-gradient(45deg, var(--bg), var(--bg) 6px, var(--rule) 6px, var(--rule) 7px); border:1px dashed var(--rule-2); position:relative; overflow:hidden; display:grid; place-items:center; } .gig-avatar span{font-family:var(--font-mono); font-size:11px; color:var(--ink-3); background:var(--paper); padding:4px 8px; border-radius:4px} .gig-card h3{font-size:22px; letter-spacing:-0.015em} .gig-card .spec{font-size:14px; color:var(--ink-2); line-height:1.4} .gig-stat-row{display:grid; grid-template-columns:repeat(3,1fr); font-family:var(--font-mono); font-size:12px; color:var(--ink-3); border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); padding:10px 0} .gig-stat-row div{display:flex; flex-direction:column; gap:2px} .gig-stat-row b{color:var(--ink); font-family:var(--font-body); font-size:14px; font-weight:600} .why{font-size:14px; color:var(--ink-2); flex:1} .why::before{content:"— "; color:var(--ink-3); font-weight:600} .gig-card .btn{justify-content:space-between; width:100%} /* ======= SECTION 4 — BUYER GUIDE ======= */ .guide-grid{display:grid; grid-template-columns:1.3fr 1fr; gap:48px; margin-top:28px} @media(max-width:860px){.guide-grid{grid-template-columns:1fr}} .guide-item{padding:18px 0; border-top:1px solid var(--rule); display:grid; grid-template-columns:48px 1fr; gap:18px; align-items:start} .guide-item:first-child{border-top:0; padding-top:0} .guide-item .k{ font-family:var(--font-mono); font-size:12px; color:var(--ink-3); padding-top:3px; } .guide-item h4{font-size:19px; margin-bottom:6px} .guide-item p{font-size:15px; color:var(--ink-2)} .flags{ background:var(--coral-soft); border:1px solid color-mix(in oklab, var(--coral) 25%, var(--rule)); border-radius:var(--radius-lg); padding:22px; align-self:start; position:sticky; top:90px; } .flags h4{font-family:var(--font-display); font-size:18px; color:var(--ink); margin-bottom:14px; display:flex; align-items:center; gap:8px} .flags h4::before{content:""; width:10px;height:10px;border-radius:50%;background:var(--coral)} .flags ul{margin:0; padding-left:0; list-style:none; display:flex; flex-direction:column; gap:10px} .flags li{font-size:14px; color:var(--ink-2); padding-left:22px; position:relative; line-height:1.45} .flags li::before{content:"✕"; position:absolute; left:0; top:0; color:var(--coral); font-family:var(--font-mono); font-weight:600} /* ======= SECTION 5 — TABLE ======= */ .tbl-wrap{margin-top:28px; border:1px solid var(--rule); border-radius:var(--radius-lg); overflow:hidden; background:var(--paper)} table.compare{width:100%; border-collapse:collapse; font-size:14px} .compare thead th{ text-align:left; font-family:var(--font-mono); font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:var(--ink-3); font-weight:500; padding:14px 16px; background:var(--bg); border-bottom:1px solid var(--rule); } .compare tbody td{padding:16px; border-bottom:1px solid var(--rule); vertical-align:middle} .compare tbody tr:last-child td{border-bottom:0} .compare tbody tr:hover{background:color-mix(in oklab, var(--accent-soft) 50%, var(--paper))} .compare .seller{font-weight:600; font-family:var(--font-display); font-size:15px} .compare .seller small{display:block; font-family:var(--font-body); font-size:12px; color:var(--ink-3); font-weight:400; margin-top:2px} .compare .price{font-family:var(--font-mono); font-weight:600} .compare .rating{color:var(--star); letter-spacing:-1px} .compare .score{font-family:var(--font-mono); font-weight:600} .compare .score-bar{display:inline-block; width:60px; height:6px; background:var(--rule); border-radius:2px; overflow:hidden; vertical-align:middle; margin-right:8px} .compare .score-bar i{display:block; height:100%; background:var(--accent); border-radius:2px} .tbl-note{font-size:13px; color:var(--ink-3); margin-top:14px; font-family:var(--font-mono)} /* ======= SECTION 6 — EMAIL ======= */ .email-box{ margin-top:28px; background: radial-gradient(600px 260px at 10% 0%, var(--accent-soft), transparent 55%), radial-gradient(500px 200px at 95% 100%, var(--butter), transparent 60%), var(--paper); border:1px solid var(--rule-2); border-radius:var(--radius-lg); padding:36px; display:grid; grid-template-columns: 1fr 1fr; gap:32px; align-items:center; } @media(max-width:860px){.email-box{grid-template-columns:1fr; padding:26px}} .email-box h3{font-size:28px; line-height:1.1; letter-spacing:-0.02em} .email-box p{color:var(--ink-2); margin-top:10px; font-size:15px} .email-form{display:flex; flex-direction:column; gap:10px} .email-input-row{display:flex; gap:8px; background:var(--paper); border:1px solid var(--rule-2); border-radius:999px; padding:6px; box-shadow:var(--shadow-card)} .email-input-row input{flex:1; border:0; background:transparent; padding:10px 14px; font: inherit; color:var(--ink); outline:none} .email-input-row button{ font:inherit; font-weight:600; font-size:14px; border:0; background:var(--ink); color:var(--bg); padding:10px 18px; border-radius:999px; cursor:pointer; } .email-input-row button:hover{background:var(--accent-ink)} .email-fine{font-size:12.5px; color:var(--ink-3); font-family:var(--font-mono)} .email-social{display:flex; gap:16px; align-items:center; margin-top:12px; font-size:13px; color:var(--ink-3)} .avatar-row{display:flex; margin-right:6px} .avatar-row .av{ width:26px; height:26px; border-radius:50%; border:2px solid var(--paper); margin-left:-8px; background:linear-gradient(135deg, var(--accent), var(--coral)); } .avatar-row .av:nth-child(2){background:linear-gradient(135deg, var(--coral), var(--butter))} .avatar-row .av:nth-child(3){background:linear-gradient(135deg, var(--sage), var(--accent))} .avatar-row .av:nth-child(4){background:linear-gradient(135deg, var(--butter), var(--sage))} .avatar-row .av:first-child{margin-left:0} /* ======= SECTION 7 — HOW TO HIRE ======= */ .steps{display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin-top:28px; counter-reset:step} @media(max-width:960px){.steps{grid-template-columns:repeat(2,1fr)}} @media(max-width:540px){.steps{grid-template-columns:1fr}} .step{background:var(--paper); border:1px solid var(--rule-2); border-radius:var(--radius-lg); padding:20px; position:relative; display:flex; flex-direction:column; gap:10px} .step .snum{ font-family:var(--font-display); font-size:44px; font-weight:600; line-height:1; color:var(--accent); letter-spacing:-0.03em; } .step h4{font-size:16px; margin-bottom:4px} .step p{font-size:13.5px; color:var(--ink-2); line-height:1.5} .step .lnk{margin-top:auto; font-family:var(--font-mono); font-size:12px; color:var(--accent-ink); text-decoration:none; border-bottom:1px solid var(--accent-soft); align-self:flex-start} .step .lnk:hover{border-bottom-color:var(--accent)} .steps-note{margin-top:18px; font-size:14px; color:var(--ink-2); padding:14px 18px; background:var(--sage); border-radius:var(--radius); border:1px solid color-mix(in oklab, var(--sage) 60%, var(--rule))} /* ======= SECTION 8 — PRICING ======= */ .tiers{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:28px} @media(max-width:860px){.tiers{grid-template-columns:1fr}} .tier{background:var(--paper); border:1px solid var(--rule-2); border-radius:var(--radius-lg); padding:24px; display:flex; flex-direction:column; gap:14px} .tier.featured{background:var(--ink); color:var(--bg); border-color:var(--ink)} .tier.featured .t-label{color:var(--bg)} .tier.featured .t-range{color:var(--accent-soft)} .tier.featured p{color:color-mix(in oklab, var(--bg) 80%, transparent)} .tier.featured .t-badge{background:var(--accent); color:var(--ink)} .t-label{font-family:var(--font-mono); font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-3)} .t-range{font-family:var(--font-display); font-size:34px; font-weight:600; letter-spacing:-0.02em} .tier p{font-size:14px; color:var(--ink-2); line-height:1.5} .t-badge{display:inline-block; font-family:var(--font-mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; background:var(--accent-soft); color:var(--accent-ink); padding:4px 8px; border-radius:4px; align-self:flex-start} .pricing-rec{margin-top:18px; font-size:14px; color:var(--ink-2); padding:14px 18px; background:var(--butter); border-radius:var(--radius); border:1px solid color-mix(in oklab, var(--butter) 65%, var(--rule))} /* ======= SECTION 9 — FAQ ======= */ .faq{margin-top:28px; border-top:1px solid var(--rule)} .faq details{border-bottom:1px solid var(--rule); padding:18px 0} .faq summary{ cursor:pointer; list-style:none; display:flex; align-items:flex-start; gap:16px; font-family:var(--font-display); font-size:19px; font-weight:500; color:var(--ink); letter-spacing:-0.01em; } .faq summary::-webkit-details-marker{display:none} .faq summary .q{font-family:var(--font-mono); font-size:12px; color:var(--ink-3); padding-top:4px; min-width:28px} .faq summary::after{content:"+"; margin-left:auto; font-family:var(--font-mono); font-size:22px; color:var(--ink-3); font-weight:400; transition:transform .2s} .faq details[open] summary::after{content:"–"} .faq .a{padding:12px 0 4px 46px; font-size:15px; color:var(--ink-2); max-width:70ch} /* ======= SECTION 10 — RELATED + CTA ======= */ .related{display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:24px} @media(max-width:720px){.related{grid-template-columns:1fr}} .related a{ display:flex; justify-content:space-between; align-items:center; gap:12px; padding:18px 20px; border:1px solid var(--rule-2); border-radius:var(--radius-lg); background:var(--paper); text-decoration:none; color:var(--ink); transition:transform .2s, border-color .2s; } .related a:hover{transform:translateY(-2px); border-color:var(--ink)} .related a b{font-family:var(--font-display); font-weight:600; font-size:16px; letter-spacing:-0.01em} .related a small{display:block; font-family:var(--font-mono); font-size:12px; color:var(--ink-3); margin-top:3px} .related a .arr{font-family:var(--font-mono); color:var(--ink-3)} .final-cta{ margin-top:40px; padding:44px; border-radius:var(--radius-lg); background:var(--ink); color:var(--bg); text-align:center; position:relative; overflow:hidden; } .final-cta::before{ content:""; position:absolute; inset:0; background: radial-gradient(600px 200px at 20% 0%, color-mix(in oklab, var(--accent) 40%, transparent), transparent 60%), radial-gradient(500px 200px at 100% 100%, color-mix(in oklab, var(--coral) 30%, transparent), transparent 60%); pointer-events:none; } .final-cta > *{position:relative} .final-cta h3{font-size:clamp(28px, 3.6vw, 44px); line-height:1.05; letter-spacing:-0.02em} .final-cta p{color:color-mix(in oklab, var(--bg) 80%, transparent); margin:14px auto 26px; max-width:54ch; font-size:16px} .final-cta .btn{background:var(--bg); color:var(--ink)} .final-cta .btn:hover{background:var(--accent-soft)} /* ======= SIDEBAR ======= */ .sidebar{display:flex; flex-direction:column; gap:18px; position:sticky; top:80px} @media(max-width:960px){.sidebar{position:static}} .sb-card{background:var(--paper); border:1px solid var(--rule-2); border-radius:var(--radius-lg); padding:20px} .sb-card h4{font-family:var(--font-display); font-size:16px; margin-bottom:12px; display:flex; align-items:center; gap:8px; letter-spacing:-0.01em} .sb-card h4 .bullet{width:8px; height:8px; border-radius:50%; background:var(--accent)} .sb-sticky{background:var(--ink); color:var(--bg); padding:22px; border-radius:var(--radius-lg); position:relative; overflow:hidden} .sb-sticky::after{content:""; position:absolute; inset:0; background:radial-gradient(300px 200px at 100% 0%, color-mix(in oklab, var(--accent) 35%, transparent), transparent 60%); pointer-events:none} .sb-sticky > *{position:relative} .sb-sticky .kicker{font-family:var(--font-mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:color-mix(in oklab, var(--bg) 70%, transparent)} .sb-sticky h4{font-family:var(--font-display); font-size:22px; margin:8px 0 14px; color:var(--bg); letter-spacing:-0.01em} .sb-sticky p{font-size:13.5px; color:color-mix(in oklab, var(--bg) 85%, transparent); margin-bottom:14px} .sb-sticky .btn{background:var(--bg); color:var(--ink); width:100%; justify-content:space-between; padding:12px 18px; font-size:14px} .sb-sticky .rating-line{display:flex; align-items:center; gap:6px; font-family:var(--font-mono); font-size:12px; color:var(--bg); margin-top:12px} .sb-sticky .rating-line .stars{color:var(--star)} .nl-form{display:flex; flex-direction:column; gap:8px} .nl-form input{border:1px solid var(--rule-2); background:var(--bg); padding:10px 12px; border-radius:var(--radius); font:inherit; font-size:14px; color:var(--ink); outline:none} .nl-form input:focus{border-color:var(--ink)} .nl-form button{font:inherit; font-weight:600; background:var(--accent); color:var(--bg); border:0; padding:10px; border-radius:var(--radius); cursor:pointer; font-size:14px} .nl-form button:hover{background:var(--accent-ink)} .nl-sub{font-size:12px; color:var(--ink-3); font-family:var(--font-mono)} .rv{display:flex; flex-direction:column; gap:12px} .rv-item{padding:10px 0; border-top:1px solid var(--rule); display:flex; flex-direction:column; gap:2px} .rv-item:first-child{border-top:0; padding-top:0} .rv-item .rv-cat{font-family:var(--font-mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--accent-ink)} .rv-item .rv-title{font-weight:600; font-size:14px; color:var(--ink); text-decoration:none; line-height:1.35} .rv-item .rv-title:hover{color:var(--accent)} .rv-item .rv-meta{font-family:var(--font-mono); font-size:11px; color:var(--ink-3); margin-top:2px} /* Footer */ footer{border-top:1px solid var(--rule); padding:32px var(--pad); font-size:13px; color:var(--ink-3); background:var(--bg)} .foot-inner{max-width:var(--maxw); margin:0 auto; display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; font-family:var(--font-mono)} .foot-inner a{text-decoration:none; border-bottom:1px solid var(--rule-2); color:var(--ink-2)} /* Tweaks panel */ .tweaks{ position:fixed; right:16px; bottom:16px; z-index:100; width:280px; background:var(--paper); border:1px solid var(--rule-2); border-radius:12px; box-shadow:0 20px 50px -20px rgba(20,24,40,.3); padding:16px; font-size:13px; display:none; } .tweaks.on{display:block} .tweaks h5{font-family:var(--font-display); font-weight:600; font-size:14px; margin-bottom:10px; display:flex; align-items:center; justify-content:space-between} .tweaks .close{background:none; border:0; cursor:pointer; color:var(--ink-3); font-family:var(--font-mono); font-size:16px} .tweaks-row{margin-bottom:12px} .tweaks-row label{display:block; font-family:var(--font-mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-3); margin-bottom:6px} .seg{display:flex; border:1px solid var(--rule-2); border-radius:6px; overflow:hidden} .seg button{flex:1; background:transparent; border:0; padding:6px 8px; font: inherit; font-size:12px; cursor:pointer; color:var(--ink-2)} .seg button.on{background:var(--ink); color:var(--bg)} .range{width:100%} .switch{display:flex; align-items:center; gap:8px} /* Affiliate disclosure sticky */ .disclosure{ font-family:var(--font-mono); font-size:11px; color:var(--ink-3); background:var(--butter); border-bottom:1px solid var(--rule-2); padding:6px 20px; text-align:center; } /* ================================================================= RESPONSIVE LAYER — mobile-first overrides Breakpoints: ≤480 (phone) · ≤768 (tablet) · ≤1024 (small laptop) ================================================================= */ /* Mobile nav toggle (hidden on desktop) */ .nav-toggle{ display:none; background:none; border:1px solid var(--rule-2); border-radius:8px; padding:8px 10px; cursor:pointer; font-family:var(--font-mono); font-size:13px; color:var(--ink); margin-left:auto; gap:6px; align-items:center; } .nav-toggle .bars{display:inline-flex; flex-direction:column; gap:3px} .nav-toggle .bars i{display:block; width:16px; height:2px; background:var(--ink); border-radius:1px} /* Tablet — ≤1024px */ @media (max-width: 1024px){ :root{ --pad:20px; --maxw:100%; } .page{ grid-template-columns: minmax(0,1fr) 280px; gap:32px; padding:18px var(--pad) 64px; } .nav-links{ gap:18px; font-size:13.5px } section{ padding:44px 0 } h2.sec-title{ font-size: clamp(24px, 3.2vw, 32px) } .hero-figure{ padding:16px; margin-top:32px } .top3-grid{ grid-template-columns: repeat(2,1fr) } .top3-grid > .gig-card.business{ grid-column: 1 / -1 } .stats{ padding:22px } .stat .n{ font-size:36px } .steps{ grid-template-columns: repeat(3,1fr) } .compare thead th, .compare tbody td{ padding:12px } .compare{ font-size:13px } } /* Tablet — ≤768px : drop sidebar, single column, mobile nav */ @media (max-width: 768px){ :root{ --pad:18px; } .disclosure{ font-size:10.5px; padding:6px 14px; line-height:1.4 } /* Mobile nav */ .nav-inner{ padding:10px var(--pad); gap:12px; flex-wrap:wrap } .nav-links{ display:none; order:3; flex-basis:100%; flex-direction:column; gap:0; padding:8px 0 4px; border-top:1px solid var(--rule); margin-top:8px; } .nav.open .nav-links{ display:flex } .nav-links a{ padding:12px 4px; border-bottom:1px solid var(--rule); font-size:15px } .nav-links a:last-child{ border-bottom:0 } .nav-toggle{ display:inline-flex } .nav-cta{ padding:8px 12px; font-size:13px } .brand-name{ font-size:15px } .brand-name .tld{ display:none } .crumbs{ padding:14px var(--pad) 0; font-size:12px; overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling:touch } /* Single column page layout */ .page{ grid-template-columns:1fr; gap:32px; padding:16px var(--pad) 56px } .sidebar{ order:2; position:static; top:auto } .sb-sticky, .flags{ position:static } section{ padding:36px 0 } .eyebrow{ margin-bottom:14px; font-size:11px } h2.sec-title{ font-size:clamp(22px, 5vw, 28px) } .sec-lede{ font-size:15px } /* Hero */ .hero h1{ font-size:clamp(34px, 8vw, 52px); line-height:1.02 } .hero-intro{ font-size:16.5px; margin-top:18px } .hero-meta{ gap:8px; margin-bottom:18px } .hero-meta .pill{ font-size:10.5px; padding:5px 9px } .hero-cta-row{ gap:10px; margin-top:22px } .hero-cta-row .btn{ flex:1 1 auto; justify-content:center; padding:13px 16px; font-size:14px } .hero-cta-row .trust{ flex-basis:100%; order:3; font-size:12px } .hero-figure{ padding:14px; margin-top:28px; border-radius:8px } .hero-figure::before{ background-size:30px 30px } .hero-stack{ grid-template-columns:1fr; gap:12px } .prompt-card{ padding:14px } .prompt-card h3{ font-size:18px } .prompt-card .code{ font-size:11.5px; padding:10px } .ranked-row{ padding:10px 12px; gap:10px } .ranked-row .rank{ font-size:18px; width:24px } .ranked-row .name{ font-size:14px } .ranked-row .sub{ font-size:11px } /* Stats */ .stats{ grid-template-columns: repeat(2,1fr); padding:18px; gap:8px } .stat{ padding:10px } .stat + .stat{ border-left:0 } .stat:nth-child(2n){ border-left:1px solid color-mix(in oklab, var(--accent) 22%, var(--rule-2)) } .stat:nth-child(n+3){ border-top:1px solid color-mix(in oklab, var(--accent) 22%, var(--rule-2)); padding-top:14px; margin-top:6px } .stat .n{ font-size:28px } .stat .l{ font-size:11.5px; margin-top:6px } /* Top 3 */ .top3-grid{ grid-template-columns:1fr; gap:14px; margin-top:24px } .top3-grid > .gig-card.business{ grid-column:auto } .gig-card{ padding:18px } .gig-card h3{ font-size:20px } .gig-stat-row{ font-size:11px } .gig-stat-row b{ font-size:13px } .gig-card .ribbon{ right:12px; font-size:10px; padding:5px 8px 7px } /* Buyer guide */ .guide-grid{ grid-template-columns:1fr; gap:24px } .guide-item{ grid-template-columns:36px 1fr; gap:12px; padding:16px 0 } .guide-item h4{ font-size:17px } .guide-item p{ font-size:14px } .flags{ padding:18px } /* Comparison table — convert to cards on phone */ .tbl-wrap{ border:0; border-radius:0; background:transparent; overflow:visible } table.compare, .compare thead, .compare tbody, .compare tr, .compare td, .compare th{ display:block } .compare thead{ display:none } .compare tbody tr{ background:var(--paper); border:1px solid var(--rule-2); border-radius:var(--radius-lg); padding:14px 16px; margin-bottom:12px; display:grid; grid-template-columns:1fr 1fr; gap:8px 14px; } .compare tbody tr:hover{ background:var(--paper) } .compare tbody td{ padding:0; border:0; font-size:13px; display:flex; flex-direction:column; gap:2px } .compare tbody td::before{ content:attr(data-label); font-family:var(--font-mono); font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-3); font-weight:500; } .compare tbody td.seller{ grid-column:1 / -1; padding-bottom:8px; border-bottom:1px solid var(--rule); margin-bottom:4px } .compare tbody td.seller::before{ display:none } .compare tbody td.seller small{ font-size:11.5px; margin-top:2px } .compare tbody td:nth-child(7){ grid-column:1 / -1 } .compare .score-bar{ width:100%; max-width:160px } /* Email box */ .email-box{ grid-template-columns:1fr; padding:22px; gap:20px } .email-box h3{ font-size:22px } .email-input-row{ flex-direction:column; padding:8px; border-radius:14px; gap:6px } .email-input-row input{ padding:10px 12px } .email-input-row button{ width:100%; padding:12px; border-radius:10px } /* Steps */ .steps{ grid-template-columns:1fr; gap:10px; margin-top:22px } .step{ padding:18px; flex-direction:row; align-items:flex-start; gap:14px } .step .snum{ font-size:32px; min-width:40px } .step > div, .step > p, .step > h4, .step > .lnk{} .step h4{ margin-top:4px } /* Pricing */ .tiers{ grid-template-columns:1fr; gap:12px; margin-top:22px } .tier{ padding:20px } .t-range{ font-size:28px } /* FAQ */ .faq summary{ font-size:16.5px; gap:12px } .faq summary .q{ min-width:24px } .faq summary::after{ font-size:20px } .faq .a{ padding:10px 0 4px 36px; font-size:14px } /* Related + final CTA */ .related{ grid-template-columns:1fr; gap:10px; margin-top:20px } .related a{ padding:14px 16px } .related a b{ font-size:15px } .final-cta{ padding:30px 22px; margin-top:32px } .final-cta h3{ font-size:clamp(22px, 5.5vw, 30px) } .final-cta p{ font-size:14.5px; margin:12px auto 22px } .final-cta .btn{ width:100%; justify-content:center } /* Sidebar tweaks */ .sb-card, .sb-sticky{ padding:18px } .sb-sticky h4{ font-size:20px } /* Footer */ footer{ padding:24px var(--pad) } .foot-inner{ flex-direction:column; gap:10px; font-size:12px } } /* Phone — ≤480px : tighten further */ @media (max-width: 480px){ :root{ --pad:14px; } body{ font-size:15.5px } .nav-cta{ display:none } .crumbs{ font-size:11.5px } .hero h1{ font-size:clamp(30px, 9vw, 40px) } .hero-intro{ font-size:15.5px } .hero-cta-row .btn{ font-size:13.5px; padding:12px 14px } .hero-cta-row .btn-primary{ flex:1 1 100% } .hero-cta-row .btn-ghost{ flex:1 1 100% } .stats{ grid-template-columns:1fr } .stat:nth-child(2n){ border-left:0 } .stat:nth-child(n+2){ border-top:1px solid color-mix(in oklab, var(--accent) 22%, var(--rule-2)) } .stat .n{ font-size:24px } .gig-card h3{ font-size:18px } .gig-stat-row{ grid-template-columns: repeat(3,1fr); font-size:10.5px } .step{ flex-direction:column; gap:8px; padding:16px } .step .snum{ font-size:28px } h2.sec-title{ font-size:22px } .email-box h3{ font-size:19px } .final-cta{ padding:26px 18px } .compare tbody tr{ grid-template-columns:1fr } .compare tbody td.seller{ padding-bottom:6px } .tweaks{ width:calc(100vw - 24px); right:12px; bottom:12px } } /* Tweaks panel — keep within viewport */ @media (max-width: 768px){ .tweaks{ width:calc(100vw - 32px); right:16px; bottom:16px; max-height:70vh; overflow-y:auto } } /* Reduced motion */ @media (prefers-reduced-motion: reduce){ .pulse{ animation:none } *{ transition:none !important } } Affiliate disclosure: we earn a commission if you purchase through links on this page — at no extra cost to you. C classifieds-zone.com Menu Fiverr Guides AI Tools Reviews Newsletter Browse Fiverr → Home/Fiverr/AI Prompt Engineering 01Buyer's guide6 min read Last updated April 2026 35+ gigs reviewed Avg. rating 4.9★ Best Fiverr AI Prompt Engineering Gigs in 2026 — Tested & Ranked Finding a skilled AI prompt engineer on Fiverr can save you hours of trial and error — but with thousands of gigs to choose from, knowing who to trust isn't easy. We reviewed and tested 35+ Fiverr sellers specialising in ChatGPT, Midjourney, Claude, and other AI tools so you only see the best. Browse Top AI Prompt Gigs on Fiverr → See our Top 3 picks ★★★★★ Trusted by 2,400+ readers Sample prompt · ChatGPT Before → After a pro prompt You are a senior B2B copywriter. Goal: write 5 cold-email subject lines for a SaaS onboarding tool. Constraints: · under 9 words · no clickbait, no emojis · A/B test two tones — direct vs curious Output as a numbered list. 1,240 tokens saved per week+38% CTR 01 prompt_studio_hq ChatGPT · business packs ★★★★★ 9.5 02 midjourney_lab Midjourney · design ★★★★★ 9.2 03 gpt_workflows GPT automation ★★★★★ 9.1 04 claude_seo_pros Claude · SEO prompts ★★★★☆ 8.9 02By the numbers 35+Gigs reviewed Apr 2026Last updated $25–$300Price range 4.9★Avg. seller rating 03Editor's picks Our Top 3 AI Prompt Engineering Picks on Fiverr Handpicked from 35+ sellers tested — updated April 2026. Replace placeholders with live Fiverr seller handles and affiliate deep-links before publishing. ★ Top Pick seller portrait 16:9 [SELLER_NAME_1] Custom ChatGPT prompt packs for business workflows. PriceFrom $30 Delivery1 day Rating5.0★ Best all-rounder for small businesses needing ready-to-use ChatGPT prompts. Clear deliverables, fast turnaround. View on Fiverr → ★ Best Value seller portrait 16:9 [SELLER_NAME_2] Midjourney + DALL·E prompt sets for designers and creators. PriceFrom $20 Delivery1 day Rating4.9★ Outstanding value for creators and designers wanting Midjourney prompt packs at an affordable price. View on Fiverr → ★ For Business seller portrait 16:9 [SELLER_NAME_3] AI automation prompts and full GPT workflow systems. PriceFrom $75 Delivery2 days Rating4.9★ Best pick for businesses wanting complete ChatGPT workflow systems — not just prompt packs. View on Fiverr → 04What to look for What to look for in a Fiverr AI prompt engineer Not every "prompt engineer" on Fiverr delivers the same quality. Here is exactly what separates great sellers from average ones — and a few red flags to watch for. A. Specialisation matters The best sellers focus on a specific AI tool — ChatGPT, Midjourney, Claude — or a specific industry like marketing or e-commerce. Avoid sellers who claim to "do everything." B. Check their portfolio for real examples Top sellers always show sample prompts in their portfolio. Look for prompts that are detailed and contextual — not one-liners. Empty or vague portfolios? Move on. C. Seller level and review count Fiverr ranks sellers New → Level 1 → Level 2 → Top Rated. For prompt engineering, we recommend Level 2 and above, with 50+ reviews as a minimum. D. Revision policy Good prompt engineers offer at least 2 revisions. AI prompts often need fine-tuning for your specific use case. Zero revisions is a red flag. Red flags to avoid Vague descriptions like "I will write AI prompts" with no specifics No portfolio samples, or only blurred preview images Response time over 24 hours — hard to collaborate with Prices that seem too good — $5 prompt packs are almost always low quality 05Full comparison Top Fiverr AI prompt engineering gigs — full comparison Every seller below has been manually reviewed — portfolio quality, review authenticity, response time and value for money all weighted into the score. Seller Specialty Price Delivery Rating Best for Score [SELLER_1]Top Rated · 500+ reviews ChatGPT business prompts $30 1 day 5.0★ Small businesses 9.5 [SELLER_2]Top Rated · 300+ reviews Midjourney art prompts $20 1 day 4.9★ Designers 9.2 [SELLER_3]Level 2 · 200+ reviews GPT workflow systems $75 2 days 4.9★ Automation 9.1 [SELLER_4]Top Rated · 180+ reviews Claude & ChatGPT SEO prompts $45 2 days 4.8★ Bloggers & SEOs 8.9 [SELLER_5]Level 2 · 150+ reviews Social media prompt packs $25 1 day 4.8★ Content creators 8.7 [SELLER_6]Top Rated · 120+ reviews Custom AI chatbot prompts $60 3 days 4.9★ SaaS businesses 8.6 [SELLER_7]Level 2 · 95+ reviews Midjourney + Stable Diffusion $35 2 days 4.7★ Digital artists 8.4 // All scores weighted by review authenticity (40%), portfolio depth (30%), communication (20%), value (10%). Last reviewed: April 2026. 06Free download Get our free 2026 Fiverr gigs PDF — no spam, ever. Join 2,400+ entrepreneurs and creators who get our weekly Fiverr picks. Includes our exclusive "Top 50 Fiverr Gigs for 2026" PDF — free when you subscribe. 2,417 subscribers · 94% open rate YOUR EMAIL Send Me the PDF → No spam. Unsubscribe in one click at any time. 07Step-by-step How to hire an AI prompt engineer on Fiverr Never hired a freelancer on Fiverr before? Here is exactly how to go from zero to a custom prompt pack in your hands — usually within 24 hours. 1 Search for AI prompt gigs Head to Fiverr.com and search "AI prompt engineering" or "ChatGPT prompts" — hundreds of results to filter. → Browse AI prompt gigs 2 Filter by seller level Open Filters. Set Seller Level to Top Rated or Level 2, and minimum rating to 4.7 stars. → Filter tips 3 Review portfolios Click into 3–5 shortlisted sellers. Check portfolios for real prompt examples — not blurred images. → What to check 4 Message before ordering Always message the seller first. Share your use case and ask if they've done similar work. → Message template 5 Place your order Happy with the reply? Pick a package and complete the order — Fiverr holds your payment in escrow. → Start your order Most AI prompt orders are delivered within 24–48 hours. If you're not happy, request a revision — every seller on our list offers at least 2 free revisions. 08Pricing breakdown How much does AI prompt engineering cost on Fiverr? Prices vary by scope, complexity and seller level. Here is a realistic breakdown of what to expect in 2026. Basic $20 – $50 10–25 ready-to-use prompts for one use case (e.g. social media, email subject lines). Individuals Standard · recommended $50 – $150 50–100 custom prompts for your specific business or workflow. Includes seller consultation, testing, and 2–3 revisions. Small businesses Premium $150 – $500+ Full AI workflow systems — custom personas, chain-of-thought prompts, and documentation. Fiverr Pro tier. Agencies · SaaS Our recommendation: start with a Standard package from a Top Rated seller to test quality before investing in a Premium workflow. Most sellers also offer a Basic package so you can evaluate their style risk-free. 09Questions & answers Frequently asked questions Seven of the most common questions from readers. FAQ schema-ready — enable rich snippets in Rank Math before publishing. Q1 Is Fiverr a good place to find AI prompt engineers? Yes — Fiverr is currently one of the best platforms for hiring AI prompt specialists. Because prompt engineering is a new and growing skill, Fiverr has thousands of early-adopter sellers who have built strong portfolios since 2022. You will find better variety and more competitive pricing than on most other freelance platforms. Q2 What is the difference between a prompt pack and a prompt system? A prompt pack is a collection of ready-made prompts for a specific use case — e.g. 50 ChatGPT prompts for email marketing. A prompt system is more advanced: custom instructions, personas, and chained workflows designed around your business processes. Prompt systems cost more but are far more powerful. Q3 How long does a Fiverr AI prompt order take? Most prompt pack orders are delivered within 24–48 hours. Custom prompt systems typically take 3–5 days. You can also find sellers who offer same-day delivery for an additional fee. Q4 Can I get a refund if I'm not happy with the prompts? Fiverr has a buyer protection policy. If a seller fails to deliver what was agreed in the gig description, you can raise a dispute through Fiverr's Resolution Centre. This is why it's important to choose sellers with clear gig descriptions and always message them before ordering. Q5 What AI tools can Fiverr prompt engineers write for? Most experienced sellers write prompts for ChatGPT (GPT-4, GPT-4o), Midjourney, DALL·E, Claude, Gemini, Stable Diffusion, and Jasper. Always check the seller's gig description to confirm they specialise in the tool you are using. Q6 Do I need to know anything about AI to buy prompt packs? No — that is exactly why people buy them. A good AI prompt engineer delivers ready-to-use prompts you can copy and paste directly into ChatGPT or Midjourney. No technical knowledge required. Q7 What is Fiverr Pro and is it worth it for prompt engineering? Fiverr Pro is a curated tier of hand-vetted freelancers. Pro sellers charge more — typically $150 to $500+ — but deliver professional-grade work. For businesses wanting full workflow systems, Pro is worth the premium. For simple prompt packs, a Top Rated non-Pro seller offers excellent value. 10Related niches Also looking for these Fiverr services? Internal links — replace with live niche pages as they are published. Best Fiverr Video Editing Gigs 2026/fiverr/video-editing/→ Best Fiverr Web Development Gigs 2026/fiverr/web-development/→ Best Fiverr Business Automation Gigs 2026/fiverr/automation/→ Best Fiverr SEO & Content Writing Gigs 2026/fiverr/seo-content/→ Ready to hire your AI prompt engineer? Browse the top-rated AI prompt specialists on Fiverr — vetted, reviewed, and ready to deliver in 24 hours. Find Your Prompt Engineer on Fiverr → ★ Editor's Top Pick [SELLER_NAME_1] ChatGPT business prompts · from $30 "Best all-rounder we tested in 2026 — ready-to-use ChatGPT prompts with clear deliverables and 1-day turnaround." View on Fiverr → ★★★★★5.0 · 500+ reviews Free newsletter Weekly Fiverr picks + our 2026 Top 50 PDF. Subscribe free → 2,417 readers · no spam Latest reviews Video Editing Best Fiverr video editors for YouTube shorts Apr 18 · 8 min Automation Top Zapier & Make.com builders on Fiverr Apr 12 · 6 min SEO Claude vs ChatGPT for blog writing — who wins? Apr 05 · 11 min Web Dev Cheapest WordPress developers with 5★ reviews Mar 28 · 7 min On this page 01 · Hero 03 · Top 3 picks 10 · Final CTA © 2026 classifieds-zone.com · AI Prompt Engineering Guide Built with Elementor · Privacy · Affiliate disclosure · Contact Tweaks × Theme Editorial Mono Retro Density Comfortable Compact Sidebar Shown Hidden Accent hue (function(){ const root = document.documentElement; const panel = document.getElementById('tweaks'); const hueVal = document.getElementById('hue-val'); function apply(t){ root.dataset.theme = t.theme; root.dataset.density = t.density; root.dataset.sidebar = String(t.showSidebar); root.style.setProperty('--accent-h', t.accentHue); hueVal.textContent = t.accentHue + '°'; // seg selected state panel.querySelectorAll('.seg').forEach(seg=>{ const key = seg.dataset.seg; seg.querySelectorAll('button').forEach(b=>{ b.classList.toggle('on', String(t[key])===b.dataset.v); }); }); const h = document.getElementById('accentHue'); if (h && h.value != t.accentHue) h.value = t.accentHue; } let state = { ...TWEAKS }; apply(state); function set(key, val){ state[key] = val; apply(state); try { window.parent.postMessage({type:'__edit_mode_set_keys', edits:{[key]: val}}, '*'); } catch(e){} } panel.querySelectorAll('.seg').forEach(seg=>{ const key = seg.dataset.seg; seg.querySelectorAll('button').forEach(b=>{ b.addEventListener('click', ()=>{ let v = b.dataset.v; if (v==='true') v = true; else if (v==='false') v = false; set(key, v); }); }); }); document.getElementById('accentHue').addEventListener('input', e=>{ set('accentHue', +e.target.value); }); // Edit-mode protocol window.addEventListener('message', (e)=>{ if (!e.data || typeof e.data.type !== 'string') return; if (e.data.type === '__activate_edit_mode') panel.classList.add('on'); if (e.data.type === '__deactivate_edit_mode') panel.classList.remove('on'); }); try { window.parent.postMessage({type:'__edit_mode_available'}, '*'); } catch(e){} })();