Zverejnené 23. apríla 2026  ·  4 balíky (audit · brand · UX · skills)  ·  24+ memory súborov  ·  43 skillov
Audit Retrospective · Apríl 2026
Dexfinity AI Ads Audit Learnings

3 týždne. 14 memory súborov. 11 klientskych auditov.

Prehľad všetkého, čo sme sa naučili pri stavaní AI Ads Auditov pre klientov — od Aquapond baseline, cez Lamely3D multi-trh deep variant, až po Oxalis double-check rule. Na konci si môžete odniesť darček — 4 balíky (audit playbook, brand foundations, UX patterns, 43 skillov) v jednom install bloku pre váš Claude Code.

14
Memory súborov
5
Reference knihy
9
Audit pravidiel
11
Klientskych auditov

Prečo tento dokument

Za posledné 3 týždne som so svojím Claude Code tímom postavil komplexný design systém pre Dexfinity — od AI Ads Auditov cez email šablóny po dashboards. Všetko som vrstvil do memory súborov, aby sa learnings nestrácali. Dnes ich chcem odovzdať celému tímu.

Výzva

Konzistencia

Každý výstup (landing, email, deck) musí vyzerať ako Dexfinity — nie generic

Riešenie

Memory stack

Pravidlá, referenčné knihy a patterns zapísané raz, použité stále

Výsledok

Opakovateľnosť

Audit = jedna veta, a Claude vyrobí branded HTML podľa gold-standardu

Gift

Pre tím

17 memory súborov v repe pod DXFNT — stačí klon + copy, a máte to doma

1 · Brand foundations

Všetky vizuály — bez výnimky — používajú tieto farby, fonty a logá. Žiadne #00D4AA teal, žiadne default sans-serif, žiadne text-only „Dexfinity Audit" logá.

Core paleta
Navy
#05024E
Hero, pricing bg, severity high, premium feel
Blue
#0065F7
CTA, akcenty, interaktívne prvky, featured border
Teal
#16AB8B
CTA tlačidlá, pozitívne badges, riešenia
Orange
#ff7f00
Urgency, wasted spend, „STE TU" marker
Light BG
#F4F6FC
Alt sekcie, zvýraznenia, jemné pozadia
White
#FFFFFF
Karty, kontent, backgrounds
Typografia
Questrial
Primary · Headings
H1, H2, H3 — geometrický, veľkorysý, vzdušný. Vyjadruje premium feel bez serify.
Poppins
Secondary · Body + UI
Odseky, labels, buttons, tabuľky — čitateľný v každej veľkosti, má 5 gramáží.
Logo pravidlá

Navigation logo

Na bielom pozadí — Light variant.

  • Min výška 48px — pod 48 je „Go Beyond" tagline nečitateľný
  • Light PNG z dexfinity.com/wp-content (2× retina)
  • Nikdy text-only náhrady („Dexfinity Audit" = ❌)

Footer logo

Na navy pozadí — Dark variant.

  • Min výška 64px — footer logo je brand anchor
  • Pod logom dátum + „Go Beyond" tagline
  • Dekoratívne kruhy v pozadí s opacity 0.08

Dekoratívne kruhy

Lego brick Dexfinity identity.

  • Border 2px, color = blue, opacity 0.06–0.12
  • Vždy 3 vrstvy: veľký, stredný, akcentový
  • Negative space — vystupujú z kraja, nie v strede

2 · Architektúra auditu (18 sekcií, ten poradie rozhoduje)

Každý AI Ads Audit — Aquapond, Nebshop, Lamely3D, Oxalis — má rovnakú kostru. Poradie sekcií nie je náhoda: je to funnel od hodnoty cez FOMO k cene.

01

Urgency bar

Modrá lišta, sezónna správa

02

Nav

Sticky, biela + blur, logo 48px, CTA link zvýraznený

03

Hero

Navy bg, kruhy, badge s cenou, tagline, h1, hero stats

04

Sezónnosť

SVG trend chart, „STE TU" pulz, peak zóna

05

O klientovi

4 metric karty (obrat, rast, budget, pain)

06

Meta Ads

Cat headers, ad cards grid, priority summary

07

Google Ads

Audit tabuľka, findings, priority summary

08

Hlavné zistenia

Findings s color-coded severity barmi

09

Summary box

Navy, 4× score X/10, dekoratívne kruhy

10

Odporúčania

Timeline — 3 kroky, modré pulzujúce body

11

Budget

Tabuľka rozdelenia budgetu

12

Gap analýza

Metodológia box, tabuľka produkt × dopyt × reklama

13

Bonus banner

Modrý gradient pre zlúčené insights

14

Heureka / social proof

Metriky, quote cards, ad copy návrhy

15

PageSpeed

Karty s orange border pre zlé skóre

16

Konkurencia

Tabuľka organic competitors, brand KW SERP

17

Locked (3×)

Blurred content + unlock CTA → pricing

18

Pricing + Footer

Wasted spend reframe → 2× flip card s IBAN

Prečo práve tento sled

Poradie je funnel. Hodnota najskôr (sekcie 3–16, buduje dôveru), FOMO v strede (17 — 3× locked), reframe ceny na konci (18 — wasted spend box pred pricing). Wasted spend box musí byť pred pricing kartami, inak funnel nefunguje.

3 · Signature komponenty

Niektoré komponenty sa na audite „chytili" — identifikujú Dexfinity audit na prvý pohľad. Sú patentované v CSS library.

Flip cards na platbu

Pricing karta sa otočí na IBAN údaje pre bankový prevod — bez modálu, bez odchodu z kontextu.

  • .flip-front = position relative (určuje výšku)
  • .flip-back = position absolute (overlay)
  • Hover transform MUSÍ byť vypnutý v flip kontexte
  • Copy-to-clipboard na IBAN (small inline JS)

Locked sekcie s unlock CTA

3 sekcie s filter: blur(6px), overlay s lock ikonou, scroll-to-pricing CTA.

  • ROAS kalkulácia, budget leaks, akčný plán
  • Navy 64px circular lock icon, white SVG
  • Badge „Pro klientov" + „Odomknúť →"
  • Smooth scroll do #pricing

Finding bars (severity)

4px farebný bar vľavo = priorita findingu. Žiadne semaphore kruhy ani emoji.

  • .bar.high = navy (kritické)
  • .bar.med = blue (stredné)
  • .bar.low = blue 30% (nice-to-have)
  • Odporúčanie v .rec boxe pod finding textom

Wasted spend context box

Nad pricing kartami 3-stĺpcový grid: spend / wasted % / ROI payback. Klient číta „stratím viac ako zaplatím za audit."

  • Navy-transparent bg nad pricing
  • Biely spend / orange wasted / teal payback
  • Povinná komponenta — bez nej funnel stráca silu
Live ukážka: Finding bars
Chýbajúca brand ochrana

Konkurencia biduje na váš brand keyword. Kritické — okamžitá akcia.

Slabá gap pokrývka

3 produkty bez reklamy napriek silnému dopytu (4800/mes).

Zlá kvalita ad copy

Chýbajú recenzie v headline — nice to have.

Live ukážka: Locked section

Reálny ROAS po reattribúcii konverzií: 3.42 namiesto 1.8, ktoré ukazuje GA4.

Budget leaks: –28 % spend na search terms, ktoré nekonvertujú…

Odomknúť po platbe →
Badge systém
Kritické Na overenie Príležitosť Silný základ

Namiesto semaforu (červená/žltá/zelená) používame navy/blue pre severity, teal pre pozitívne, blue pre info. Dexfinity-native.

4 · Case studies — progression z 3 týždňov

Každý audit niečo nové priniesol. Tieto tri sú míľniky evolúcie.

Týždeň 1 · Baseline

Aquapond

Prvý gold-standard audit. Zaviedli sme 18-sekciovú architektúru, flip cards, locked sekcie, wasted spend box.

  • Definovaná paleta a typografia
  • Flip card platobný UX
  • Sezónny SVG chart s „STE TU" pulzom
  • Pricing: 1 290 € + 1 690 € setup
Týždeň 2 · Evolúcia

Lamely3D (Deep)

Multi-trh variant. Priniesol executive summary floating box, quick wins framing, horizontálne bar charty, multi-trh dashboard SK/CZ/DE/AT.

  • Executive summary floating pod hero
  • Color-coded highlight boxes (positive/warning)
  • Ad creative showcase s Library ID
  • Print styles pre PDF export
Týždeň 3 · Dospievanie

Oxalis Tea

Double-check rule sa narodila tu — agent deklaroval „Heureka SK neexistuje" na základe 404. Realita: profil bol pod iným slug-om.

  • Zavedené overovanie 2× pre negatívne findings
  • „Na overenie" badge namiesto „Kritické"
  • Gap analysis standard sa ukotvilo
  • Logo min sizes (48/64 px) po „Go Beyond" incidente

5 · Pravidlá & anti-patterns

Pravidlo obsiahnuté v memory súbore = tím ho už nemusí hľadať. Týchto 11 feedback súborov pokrýva najčastejšie chyby.

Anti-pattern
Prekrývajúce sa CTA tlačidlá

Primary + secondary button bez dostatočného paddingu, na mobile sa tap tapne zle.

Správne
Action bar pattern

Flex row s gap: 12, alebo oddelený kontajner. Po implementácii VŽDY screenshot.

Anti-pattern
Logo pod 48 px v nave

„Go Beyond" tagline sa stratí, brand feel zmizne.

Správne
Nav 48, Footer 64, Hero 80

Footer je brand anchor — musí byť výrazný.

Anti-pattern
Hover transform v flip karte

translateY(-4px) + 3D rotate = rozbitá perspektíva.

Správne
Vypnuté hover v flip kontexte

.flip-card .pricing-card:hover { transform: none; }

Anti-pattern
Plain text Gmail drafty

Signature sa nerenderuje, rozbité formátovanie, žiadna branded hlavička.

Správne
Vždy contentType: html + signature

API signature neautomaticky nepridá — pripojiť manuálne.

Anti-pattern
Neoverené negatívne findings

„X neexistuje" na základe 404 → klient vyvráti → credibility kaput.

Správne
Double-check rule

Variácie názvov, site: search, cross-reference webu klienta. Ak nejde overiť → „Na overenie" badge.

Anti-pattern
Generic farby (#00D4AA teal)

Jeden hex mimo palety = vizuál vyzerá ako SaaS template.

Správne
CSS variables only

Nikdy inline hex — vždy var(--dex-teal).

Double-check rule — najcennejšie learning

Každý finding tvaru „X neexistuje" / „0 Y" / „404" / „Neviditeľný" MUSÍ byť overený dvakrát nezávisle pred zaradením do auditu. Variácie názvov (s/bez pomlčky, s/bez suffix), Google site: search, cross-reference na webe klienta. Ak nejde overiť (403, block) → badge „Na overenie", nie „Kritické". Jedna vyvrátená tvrdá veta spochybní celý audit.

Darček pre tím 🎁

Postavili sme 4 balíky pod DXFNT org — každý rieši inú vrstvu: audit playbook, brand DNA, UX patterns, executable skills. Nainštaluj všetky 4, Claude Code hneď pracuje ako Dexfinity-native.

Pack 1 · Audit

dexfinity-ai-audit-memory

14 memory súborov — kompletný AI Ads Audit playbook (gold standard, 12-step methodology, double-check rule, 33 KB HTML design system).

# inštalácia:
git clone https://github.com/DXFNT/dexfinity-ai-audit-memory.git
cp dexfinity-ai-audit-memory/memory/*.md ~/.claude/memory/
Pack 2 · Brand

dexfinity-brand-memory

3 memory súbory — jadrové brand pravidlá (farby, fonty, logo URLs, min veľkosti). Každý vizuál v Dexfinity farbách.

# inštalácia:
git clone https://github.com/DXFNT/dexfinity-brand-memory.git
cp dexfinity-brand-memory/memory/*.md ~/.claude/memory/
Pack 3 · UX

dexfinity-ux-memory

7 memory súborov — UX patterns extrahované z reálnych auditov (navy/light rhytm, flip cards, locked sections, severity encoding).

# inštalácia:
git clone https://github.com/DXFNT/dexfinity-ux-memory.git
cp dexfinity-ux-memory/memory/*.md ~/.claude/memory/
Pack 4 · Skills

claude-skills

43 executable skills — custom Claude Code skilly pre audity, Google Ads, SEO, content, dizajn. One-line install script.

# inštalácia:
git clone https://github.com/DXFNT/claude-skills.git
cd claude-skills && ./install.sh

⚡ Full Starter Kit — jeden blok, 30 sekúnd

Nainštaluje všetky 4 balíky naraz: 43 skillov + 24 memory súborov.

# 1. Skilly
git clone git@github.com:DXFNT/claude-skills.git && cd claude-skills && ./install.sh && cd ..

# 2. Memory packy (3 balíčky)
mkdir -p ~/.claude/memory
for repo in dexfinity-ai-audit-memory dexfinity-brand-memory dexfinity-ux-memory; do
  git clone https://github.com/DXFNT/$repo.git /tmp/$repo
  cp /tmp/$repo/memory/*.md ~/.claude/memory/
done

Čo je v packu (14 súborov)

Ref reference_audit_html_design_system.md Master CSS/HTML library — 33 KB, všetky komponenty
Ref reference_audit_product_template.md Playbook pre audit produkt, pricing, upsell
Ref reference_audit_versions.md ai audit vs ai audit deep — trigger words a rozdiely
Ref reference_eshop_audit_methodology.md 12-step externý audit proces pre nové leady
Ref reference_shoptet_premium_design_limits.md Shoptet Premium design limity (pre Shoptet audity)
Rule feedback_audit_design_patterns.md Page structure, anti-patterns, flip CSS
Rule feedback_audit_double_check.md Double-check rule pre negatívne findings
Rule feedback_no_overlapping_touch.md Žiadne prekrývajúce interaktívne prvky
Rule feedback_no_unsubstantiated_claims.md Každé číslo v audite musí byť overiteľné
Rule feedback_gap_analysis_standard.md Keyword gap + Google Reviews + naming
Rule feedback_verify_ads_on_web.md Landing pages vždy navštíviť pred tvrdeniami
Rule feedback_heureka_reviews_audit.md Heureka reviews ako social proof
Rule feedback_gmail_html.md Gmail drafty vždy HTML
Rule feedback_gmail_signature.md Signature ručne, nikdy hr tagy
Starter Kit (skills + návod) 📊 Audit pack 🎨 Brand pack 🧭 UX pack

Ak pridáte nové learnings — pošlite PR do relevantného packu. Chceme aby stack rástol s tímom.