🎨

Veščina za vizualizacijo

Kateri koli vir besedila (poglavje knjige, članek, esej) pretvorite v vrhunsko vizualno stran HTML s strukturiranimi razdelki, tipografijo in izbirno personalizacijo.

Skill·/visualize·3 razdelkov·1 min branja

contentdesign

Install Prompt

Paste this into Claude Code to set it up:

V svojo postavitev Claude Code želim dodati veščino /visualize.

Ustvari mapo ~/.claude/skills/visualize/ in v njej datoteko SKILL.md z delovnim potekom za vizualizacijo.

Veščina naj:
- sprejme kateri koli vir besedila (poglavje knjige, članek, esej, prepis)
- vsebino razčleni v logične razdelke
- ustvari vrhunsko vizualno stran HTML s tipografijo in postavitvijo
- podpira izbirno personalizacijo (barve, znamčenje, občinstvo)
- rezultat odpre v brskalniku za predogled

Po ustvarjanju datoteke je veščina takoj na voljo prek /visualize.

01Kaj počne

Besedilo spremenite v vizualne izkušnje

Vnesite /visualize z virom besedila in Claude ga pretvori v vrhunsko stran HTML. Rezultat vključuje strukturirane razdelke z vizualno hierarhijo, lepo tipografijo, poudarne barve, izpostavljene citate, okvirje s ključnimi poudarki in odziven dizajn. Odlično za pretvorbo poglavij knjig, člankov ali esejev v nepozabne vizualne oblike.

Razčlenitev vira

Prebere vhodno besedilo in prepozna logično strukturo: glavne teme, ključne argumente, podporne točke, citate in prehode.

Zasnova postavitve

Ustvari vizualno hierarhijo z osrednjimi razdelki, vsebinskimi bloki, izpostavljenimi citati, karticami s ključnimi poudarki in vizualnimi ločili. Izbere tipografijo in barvno paleto.

Ustvarjanje HTML

Pripravi samostojno datoteko HTML z vgrajenim CSS. Zunanje odvisnosti niso potrebne. Odziven dizajn deluje na zaslonu katere koli velikosti.

Predogled v brskalniku

Ustvarjeno datoteko HTML odpre v vašem brskalniku za takojšen predogled. Dizajn izpopolnjujte s povratnimi informacijami.

02Kako jo uporabljati

Primeri uporabe

Zaženite /visualize chapter-3.md za pretvorbo datoteke markdown ali besedilo prilepite neposredno za ukazom. Za prilagoditev rezultata dodajte slogovne namige, kot so »temna tema z modrimi poudarki« ali »minimalistično, široki robovi«.

📖

Poglavja knjigGosto besedilo pretvorite v pregledne vizualne postavitve s poudarjenimi ključnimi poudarki in izpostavljenimi citati.

📰

Članki in esejiDaljša besedila pretvorite v postavitve revijalne kakovosti z ustrezno tipografsko hierarhijo in zračno postavitvijo.

🎤

Predavanja in prepisiGovorjeno vsebino spremenite v strukturirane vizualne dokumente s poudarki govorcev in izpostavitvami ključnih trenutkov.

03Rezultat

Samostojno: ena sama datoteka HTML z vsem vgrajenim CSS. Brez zunanjih odvisnosti, omrežij CDN ali korakov gradnje.

Odzivno: odlično je videti na namizju, tablici in mobilnem telefonu brez dodatne nastavitve.

Prilagodljivo: podajte želje glede barv, smernice znamčenja ali kontekst občinstva za personalizacijo vizualnega sloga.

Pripravljeno za tisk: vključuje sloge za tisk, da je stran čista pri tiskanju ali izvozu v PDF.