1
Navodila
Opišite temo, občinstvo, število prosojnic in blagovno znamko. Agent po meri podrobnosti dopolni iz vašega oblikovnega sistema.
2
Ustvarjanje HTML
Claude Code napiše samostojno datoteko HTML s prosojnicami v skladu z blagovno znamko velikosti 1080 x 1350 px z vašimi natančnimi tokeni CSS.
3
Predogled in iteracija
Odpre se v vašem brskalniku za vizualni pregled. Spremembe zahtevajte v naravnem jeziku: zamenjajte barve, uredite besedilo, dodajte ali odstranite prosojnice.
4
Izvoz PDF
Puppeteer vsako prosojnico zajame v dvojni ločljivosti. pdf-lib jih združi v en sam PDF, pripravljen za nalaganje na LinkedIn.
Natančna skladnost z znamkoPrebere vaše dejanske oblikovne tokene CSS: pisave, barve, razmike, sence. Vsaka prosojnica se natanko ujema z vašim spletiščem.
Iteracija v hipuSpremenite naslov, zamenjajte podatek, dodajte prosojnico. Popravek opišite v naravnem jeziku in Claude Code posodobi HTML v nekaj sekundah.
PDF, pripravljen za LinkedInSamodejni izvoz v posamezne slike PNG in združeni PDF. Neposredno naložite na LinkedIn kot dokument vrtiljaka.
Agent po meriNamenska datoteka agenta zaobjame znanje o blagovni znamki, načela vsebine, poti do logotipov in ukaze za izvoz.
Uradni logotipiUporablja vaše dejanske logotipe orodij in blagovne znamke iz datotek SVG. Brez približkov, brez zvijač z vgrajenim SVG, čist izris vsakič.
Več oblikVrtiljaki (1080 x 1350), kvadratna besedila (1080 x 1080), ležeča oblika (1200 x 627). Isti potek, drugačne velikosti prosojnic.
Kako izvoz deluje v ozadju
Skript za izvoz uporablja Puppeteer, da datoteko HTML odpre v brezglavem brskalniku Chrome pri dvojni ločljivosti naprave (za oster izris na zaslonih retina). Izbere vsak element z razredom
.slide in vsakega posebej zajame kot sliko PNG. Nato pdf-lib ustvari nov dokument PDF in vsako sliko PNG vgradi kot celo stran v izvorni ločljivosti. Rezultat je večstranski PDF, v katerem je vsaka stran ena prosojnica vrtiljaka, natanko v obliki, ki jo LinkedIn pričakuje za nalaganje dokumentov.| Pristop | Skladnost z znamko | Hitrost iteracije | Razširljivost na ekipo | |
|---|---|---|---|---|
| Claude Code + HTML | Claude Code + HTML | Natančno ujemanje (prebere vaš CSS) | Sekunde (opišete v naravnem jeziku) | Kateri koli član ekipe s Claude Code |
| Predloge Figma | Predloge Figma | Ročno (vzdržuje oblikovalec) | Minute (ročno urejanje) | Zahteva oblikovalske veščine |
| Canva | Canva | Približno (uvoz kompleta znamke) | Minute (povleci in spusti) | Kdor koli, a z omejenim nadzorom |
| Ročno oblikovanje | Ročno oblikovanje (Photoshop in podobno) | Odvisno od oblikovalca | Ure | Zahteva profesionalnega oblikovalca |
Nastavitev agenta za vrtiljake
Ustvarite datoteko ~/.claude/agents/carousel-generator.md, ki Claude Code nauči oblikovnega sistema vaše blagovne znamke in poteka izvoza:
---
name: carousel-generator
description: "Generates LinkedIn carousel posts as HTML, exports to PNG + PDF."
model: opus
tools: Read, Write, Edit, Bash, Grep, Glob
---
# LinkedIn Carousel Generator
You generate LinkedIn carousel posts as self-contained HTML files.
## Brand Design System
- Link your brand.css or inline the design tokens
- List available component classes (cards, badges, stats)
- Reference official logo SVG paths
## Slide Structure
Every slide must be:
```html
<div class="slide carousel"> <!-- 1080x1350 -->
<div class="slide-inner between">
<!-- content -->
</div>
</div>
```
## Export Command
```bash
node export.js posts/topic.html output/topic
```
Generates individual PNGs + combined PDF.Ko datoteka agenta obstaja, jo Claude Code samodejno uporabi, ko zaprosite za ustvarjanje vrtiljaka. Agent poskrbi za vse od načrtovanja vsebine do končnega izvoza.
Začnite v petih minutah
Potrebujete tri stvari: (1) mapo z datoteko CSS ali oblikovnimi tokeni vaše blagovne znamke, (2) preprost skript za izvoz s Puppeteer (približno 50 vrstic, uporablja puppeteer in pdf-lib) in (3) datoteko agenta markdown po meri, ki Claude Code nauči vaše blagovne znamke. Ko je vse nastavljeno, ustvarjanje novega vrtiljaka traja približno 30 sekund: opišete temo, vse drugo pa opravi Claude Code. Ista nastavitev deluje za celotno ekipo: delite CSS blagovne znamke in skript za izvoz, vsak pa ustvari svojo datoteko agenta.
Ena zamisel na prosojnico. Nikoli ne stlačite več točk.
Uporabite konkretne številke in podrobnosti namesto ohlapnih trditev.
Besedilo naj bo jedrnato. Največ 3 vrstice glavnega besedila na prosojnico.
Med prosojnicami spreminjajte učinke ozadja za vizualno pestrost.
Od 5 do 15 prosojnic. Zanimanje upade po 10.