Yakha Amawebhusayithi Ahlukile Aqhutshwa Ukuskrola nge-Scrollcraft ne-Claude Code

Yini i-Scrollcraft?

I-Scrollcraft iyikhono le-Claude Code lokwakha amawebhusayithi asezingeni eliphezulu aqhutshwa ukuskrola, kuyilapho iphoqelela izinga elingaguquki lobuciko bokuklama. Iphatha ukusebenzisana, ukuqondiswa kokubukeka, i-typography, izikhala, umbala, ukujula, nokuqinisekisa njengezingxenye zenqubo eyodwa.

Esikhundleni sokukhiqiza ngokuphindaphindiwe ukulandelana okujwayelekile kwe-hero, amakhadi ezici, ubufakazi bamakhasimende, nezigaba ze-call-to-action, i-Scrollcraft iqala ngokukhetha uhlelo lolimi lwekhasi. Lolo hlelo lunquma ukuthi ulwazi luhamba kanjani, luhanjiswa kanjani, nokuthi yiziphi izindlela ezijwayelekile okufanele luzigweme.

Ikhono lingakwazi ukwenza ividiyo idlale ifreyimu ngefreyimu njengoba umfundi eskrola, ligcine izigcawu zibambekile ngenkathi kwakheka impikiswano, lihambise imizila evundlile, lihlanganise izihloko umugqa ngomugqa, liguqule isisekelo sekhasi, futhi liphendule ekunyakazeni kwesikhombi. Ukwakhiwa ngakunye kufanele futhi kwethule ukusebenzisana okukhethekile okungokwaleyo sayithi.

Indlela i-Scrollcraft egcina ngayo ukwakhiwa kuhlukile

I-Scrollcraft inikeza izinhlelo zolimi zekhasi eziyisishiyagalombili ezingasetshenziswa ndawonye:

• I-filmic one-shot: Ukwethulwa okuqhubekayo, okunomuzwa wesinema.
• Izahluko zokuhlela: Ukulandelana okuhlelekile kwezahluko zokuhlela.
• Indawo ephilayo: Indawo ephendulayo eqhutshwa ukusebenzisana.
• Umhlaba oqhubekayo: Isiteji esisodwa esingashintshi esingenazo izikhala ezibonakalayo phakathi kwezigaba.
• Iphosta ye-typography: Ukwakheka okuholwa ikakhulu ngumbhalo.
• Igalari: Ulwazi oluhlelwe luzungeze imisebenzi ebonakalayo.
• Isiteji esihlukanisiwe: Ukwethulwa okuhlukanisiwe okunezindawo zokuqukethwe ezihambisanayo.
• Uhlu lokusikeka olunesigqi: Ukulandelana okwakheke ngokusikeka okubonakalayo okuhleliwe.

Lezi akuzona izindikimba ezingashintshaniswa. Uhlelo ngalunye ludinga izinqumo ezithile zesakhiwo futhi luvimbele ezinye, ngaleyo ndlela lunciphise amathuba okuthi amaphrojekthi ahlukene ahlangane buthule abe nesakhiwo esifanayo.

I-PERKFORM ikhombisa indlela egxile emkhiqizweni nenomuzwa wefilimu. Isebenzisa ukwethulwa kwe-one-shot nokusikeka okuqinile okuya ezisekelweni eziguquliwe ezigcwele isikrini, esikhundleni sokuthembela enqwabeni evamile yezigaba.

I-Fallowbank ikhombisa ukuthi leli khono lingakhiqiza kanjani indlela ezolile yedokhumentari, isebenzisa umbhalo ofana namalebula emnyuziyamu phezu kwezithombe futhi iphethe ngombhalo ogijimayo esikhundleni senkinobho ejwayelekile.

Isango le-fingerprint

Ngemva kwephrojekthi yokuqala, konke ukwakhiwa okusha kuqhathaniswa nomsebenzi wakho wangaphambilini. Kufanele kwehluke okungenani ezicini ezine kweziyisithupha: uhlelo lolimi, ukuzulazula, i-hero, ukuma kwezenzo, isiphetho, nokunyakaza okukhethekile. Uma kwehluleka, uhlelo kufanele lushintshe esikhundleni sokwenza irekhodi libe buthaka noma lilibhale kabusha.

Ukwakhiwa kokuqala akudingi ukudlula i-fingerprint ekhona ngoba ukubhaliswa kuqala kungenalutho. Lokhu kwenziwe ngamabomu: isango lakhelwe ukukuvimbela ekuphindaphindeni umsebenzi wakho.

Amazinga okuklama nokusebenzisana

Ngaphambi kokuchaza izenzo ngazinye, i-Scrollcraft idala ijika lemizwa. Isenzo ngasinye sithola umuzwa ohlosiwe nembangela esesikrinini. Uma izenzo ezimbili eziseduze zikhiqiza umuzwa ofanayo, esisodwa sazo singase singadingeki.

Ikhasi lihlelwa ngesenzo esisodwa esiyisiqongo esakhiwe ngobunjiniyela. Lowo mzuzu uthola isabelomali esikhulu kunazo zonke sempahla, ukuthula okwanele ngaphambi kwawo, nebanga elanele lokuskrola. Lokhu kusebenzisa ngokuqondile umthetho we-peak-end esikhundleni sokuphatha zonke izigaba njengezinemidlalo efanayo.

Imithetho yobuciko

• I-typography: Imindeni yamafonti engaphezu kwemibili ayivunyelwe, ukulandelelana okulawulwayo, isilinganiso esiphakathi kwezinhlamvu ezingu-45 nezingu-75, nobude bomugqa obulungiswa ngokuhlobene nesilinganiso.
• Izikhala: Isikali esiyisisekelo esingu-4px, isikhala esiningi ngaphezu kwezihloko kunangaphansi kwazo, nokugcwaliswa kwezigaba okuguquguqukayo okujwayelana nezikrini ezincane.
• Umbala: Izindima eziyisithupha nombala wokugqamisa owodwa, umbhalo wesibili onombala othambile, akukho mnyama omsulwa, nokusekelwa kokusikeka okuhleliwe phakathi kwezisekelo ezikhanyayo nezimnyama.
• Ukujula: Izithunzi ezishelelayo, ukukhanya komphetho, isikali nokufiphala, ukugqagqana, nobulukhuni besithombe kuphathwa njengamathuluzi ahlukene.
• Ukuhambisana nomkhiqizo: Imithetho evela kukhithi yomkhiqizo enikeziwe idlula okuzenzakalelayo kwe-Scrollcraft, okuhlanganisa nemikhawulo evimbela amasu ikhono ebelingawakhetha ngenye indlela.

Ikhono liphinde lenqabe izindlela ezinqamulelayo ezivamile zokuklama ezikhiqizwa yi-AI, okuhlanganisa amagridi amakhadi ezici afanayo, izibali zokuhlobisa, izinkomba zokuskrola ezijwayelekile, umbhalo one-gradient, izibalo eziqanjwe, amadeshibhodi-mbumbulu, ama-gradient ansomi e-AI, kanye nephalethi ezenzakalelayo yomkhiqizo wobuciko enokhilimu nethusi.

Faka i-plugin ye-Claude Code

Engeza imakethe yama-plugin, bese ufaka i-plugin yokuklama:

/plugin marketplace add nateherkai/scroll-craft
/plugin install nateherk-design

Uma i-Claude Code ibika ukuthi Run /reload-plugins to activate., sebenzisa lowo myalo ngaphambi kokuqhubeka.

Ungakwazi ukubiza i-Scrollcraft ngokuqondile usebenzisa:

/nateherk-design:scrollcraft

Ungase futhi usebenzise ikhono ngokuchaza isayithi eliqhutshwa ukuskrola olifunayo ku-Claude Code. Umyalo oqondile uyasiza uma ufuna ukuqala inqubo yawo ngokusobala.

Thuthukisa ngaphandle kokufaka

Ukuhlola noma ukuguqula inqolobane yekhono endaweni ngaphandle kokuyifaka njenge-plugin, qalisa i-Claude Code ngohla lwemibhalo lwe-plugin:

claude --plugin-dir ./plugins/nateherk-design

Hlola izidingo

I-Scrollcraft incike kumathuluzi endawo amaningana. Qinisekisa lokhu ngaphambi kokuqala ukwakha:

• I-Node.js 18 noma entsha: Iyadingeka yizo zonke izikripthi ezifakiwe.
• I-ffmpeg build ephelele: Isetshenziselwa ukufaka ikhodi kuma-clip ukuze akwazi ukuseshwa kahle esikhathini kunokuba adlale ngendlela evamile. Ama-build ancishisiwe angase ashiye ngaphandle ama-filter abalulekile afana ne-scale.
• i-playwright-core ne-Chrome: Kusetshenziswa ekuhlolweni okusekelwe esipheqululini.
• KIE_AI_API_KEY: Ongakukhetha, futhi idingeka kuphela lapho kwenziwa ama-asset. Amaphrojekthi enziwe ngezithombe noma amavidiyo akho awadingi le key.

Faka i-playwright-core ngaphakathi kwefolda ye-build ukuze ukuseshwa kwamamojuli kwenzeke endaweni efanele:

npm i playwright-core

Uma i-Scrollcraft ingakwazi ukuthola ama-executable afanele, i-SCROLLCRAFT_FFMPEG ne-SCROLLCRAFT_CHROME zingasetshenziswa ukweqa izindawo eziseshwayo.

I-Scrollcraft isetshenziswe kuphela kuma-build aqediwe ku-Windows. Izikripthi zayo zisesha izindawo ezivamile ze-Windows, macOS ne-Linux, kodwa i-README ayisho ukuthi kukhona i-build eqediwe ku-macOS.

Sebenzisa i-preflight bese udala i-workspace

Sebenzisa isikripthi sokuxilonga ngaphambi kwanoma yini enye. Sibika ama-dependency ashodayo noma angahambisani angabangela amaphutha adukisayo kamuva.

node scripts/doctor.mjs

Lokhu kuhlola kubaluleke kakhulu ngoba i-ffmpeg binary encishisiwe ingabika i-filter engekho njengephutha le-syntax, i-WebP muxer engekho ingase ibonakale njengenkinga yegama lefayela, futhi i-playwright-core ingase itholakale kufolda engafanele.

Ngemva kokuphumelela kwe-preflight, dala i-workspace kanye nerejista yayo ye-fingerprint engenalutho:

node scripts/workspace.mjs --ensure

Indlela okukhethwa ngayo i-workspace

I-Scrollcraft ixazulula i-workspace ngale ndlela elandelayo, ime lapho ithola khona umphumela wokuqala:

1. Indlela egcinwe ku-SCROLLCRAFT_HOME.
2. I-workspace ebizwa yi-.scrollcraft.json eseduze kakhulu etholakala lapho kukhuphuka kusuka kufolda yamanje.
3. Ifolda ye-scrollcraft engaphansi kwempande yephrojekthi.

Ifayela lokumisa i-workspace linale ndlela:

{ "workspace": "path/to/builds" }

Ama-build abhalwa ngaphansi kwe-<workspace>/builds/<name>/, kanti irejista ye-fingerprint igcinwa ku-<workspace>/FINGERPRINTS.md.

Dala iphrojekthi yakho yokuqala

Uma i-plugin isisebenza futhi i-workspace ikhona, sebenzisa i-Scrollcraft:

/nateherk-design:scrollcraft

Chaza isayithi, isihloko sayo, ama-asset atholakalayo kuwe, kanye nanoma yimiphi imithetho yomkhiqizo efanele. Ungakhetha indlela yama-asset akhiqiziwe uma i-KIE_AI_API_KEY imisiwe, noma usebenzise izithombe namavidiyo akho ngaphandle kwezindleko zokukhiqiza. Ukusebenzisa ama-asset akhona kuyindlela esemqoka, hhayi enye indlela yokugcina.

Le skill ilandela inqubo ehlanganisa ukuxoxisana, ukukhetha i-grammar, ukuhlola umqondo ngamaphuzu, ukwakha ikhasi, nokuqinisekisa umphumela. Izinkomba zayo zichaza futhi ama-feeling curve, ama-scroll device, ukwakhiwa komhlaba oqhubekayo, ukuqondisa kobuciko, ukulungiswa kwama-asset, kanye namazinga okuklama.

Hlonipha i-grammar ekhethiwe

Ungayiphathi i-grammar ekhethiwe njenge-preset yokubukeka. Iphrojekthi yomhlaba oqhubekayo, isibonelo, kufanele iziphathe njengesiteji esisodwa esingaguquki ngaphandle kwemithungo yezigaba. Iphrojekthi yokuhlela enezahluko ilandela isakhiwo nemodeli yokuzulazula ehlukile. Ukuhlanganisa amaphethini adingekayo kuzo kungaphazamisa indlela esetshenziselwa ukugcina amaphrojekthi ehlukile.

Hlela umnyakazo oyisiginesha owodwa

Isayithi ngalinye kufanele lifake ukusebenzisana okukhethekile okukhona kuleyo phrojekthi kuphela. Ukushintsha umbala we-spotlight kalula akubali. Lowo mnyakazo kufanele uvele esihlokweni nasolwazini lomsebenzisi, kunokuba wengezwe njengomhlobiso ojwayelekile.

Sebenzisa injini ngendlela efanele

Umthetho obaluleke kakhulu wokusebenzisa injini ukuthi ayilungiswa ngephrojekthi ngayinye. Ihlinzeka ngomshini owabiwe kuwo wonke ama-build, hhayi ngomkhiqizi wamakhasi olungisekayo.

Kuphrojekthi ngayinye:

1. Yenza injini ibe netimu usebenzisa ama-color token ayisithupha namafonti angekho ngaphezu kwamabili.
2. Bhala i-HTML enencazelo eqondile yesayithi.
3. Sebenzisa i-custom property --sc-p ekhishwa injini ukuze iqhube ukuziphatha okukhethekile.
4. Gcina i-layout nokusebenzisana okuqondene nephrojekthi ngaphandle kwenjini eyabiwe.

Gwema ukwakha lonke ikhasi ngesikhathi sokusebenza kusuka entweni yokumisa. Ngokwefilosofi yokuklama ye-Scrollcraft, lokho kukhipha izinto ngokujwayelekile yikho kanye okwenza amasayithi enziwe ngohlelo olulodwa afane.

Qonda inqubo yokuqinisekisa

I-Scrollcraft isebenzisa isiphequluli esingenayo i-interface ukuze ihlole ikhasi eliqediwe kuzo zonke izindawo zokuskrola. Kokuhlangenwe nakho okuqhutshwa yividiyo, ilinda i-playhead izinze ngaphambi kokuhlola i-frame.

Inqubo yokuqinisekisa ibika:

• Ukuskrola okufile: Ibanga lokuskrola elingashintshi lutho olubonakalayo esikrinini.
• Izinkomba ezingaphelele: Umbhalo noma ezinye izinkomba ezingafinyeleli ku-opacity ephelele.
• Amaphutha e-contrast ahlanganisiwe: I-contrast ihlolwa ngomugqa ngamunye iqhathaniswa ne-frame ekhanya kakhulu edlula ngaphansi kwawo, kusetshenziswa indlela ekhethiwe yombhalo okhanyayo phezu kwendawo emnyama noma omnyama phezu kwendawo ekhanyayo.
• Ama-clip angakacutshungulwa: Ividiyo ehlala ibambekile ku-poster frame futhi engase ibonakale njengefilimu emiswe ngamabomu.

Le nqubo iphinde idale i-contact sheet ukuze ibuyekezwe ngumuntu. Ukuhlola okuzenzakalelayo kungaqinisekisa ukuthi ikhasi liyasebenza, kodwa akukwazi ukunquma ukuthi ulwazi olunikezwayo lunencazelo noma lusebenza ngokomzwelo.

Amathiphu okusebenza athuthukile

Gcina irejista ye-fingerprint ithembekile

Ungagcwalisi kusengaphambili irejista ngezibonelo ezifakiwe. I-EXAMPLES.md yendawo yokugcina ikhombisa ukuthi irejista egcwele ibukeka kanjani nokuthi yiziphi izinhlobo ezivame ukungqubuzana, kodwa ayilona iqoqo lemikhawulo. Bhala amaphrojekthi akho bese uklama kabusha noma yimuphi umqondo omusha owehluleka imfuneko yokuhluka kwezici ezine kweziyisithupha.

Yabela izinsiza esiqongweni esisodwa

Gwema isifiso sokwenza zonke izigcawu zibe namandla ngokulinganayo. Gcinela isiqongo esisodwa impahla enamandla kakhulu, isikhathi eside kakhulu sokuskrola, kanye nesingeniso esicacile kakhulu. Iziqongo eziningi eziqhudelanayo zenza ijika lonke libe buthaka.

Hlela isigqi esivumelana nezikrini ngamabomu

Sebenzisa isisekelo sezikhala esingu-4px ngaphandle kokudlulisela izikhala ezinkulu zedeskithophu ngqo ocingweni. Gcina ubudlelwano bezihloko bucacile, imigqa ibude obufundekayo, futhi uthuthukise ukufundeka kombhalo okhanyayo ezizindeni ezimnyama ngokusebenzisa okungaphezu kokulungisa umbala owodwa.

Khetha ukulungisa okuxilongayo esikhundleni sokuqagela

Uma kutholwa ukufakwa kwe-ffmpeg noma kwe-Chrome okungalungile, setha SCROLLCRAFT_FFMPEG noma SCROLLCRAFT_CHROME ngokusobala. Bese uphinda usebenzise doctor.mjs esikhundleni sokulungisa ngokwehlukana amaphutha okubhala ikhodi noma esipheqululini avela kamuva.

Funda umlando wephrojekthi

I-CHANGELOG.md yendawo yokugcina ibhala lokho okuhlulekile ngesikhathi kwakhiwa kanye nomthetho wokuklama noma wobunjiniyela owadalwa ngenxa yalokho. Iwusizo njengomthombo wezifundo zokusebenza, hhayi nje njengomlando wezici.

Imikhawulo okufanele icatshangelwe

• Ukwakhiwa okuqediwe kuqhutshwe kuphela ku-Windows, nakuba imibhalo isesha izindawo ezivamile kwamanye amapulatifomu.
• Ividiyo ekhiqiziwe ingadala izindleko ezinkulu, ikakhulukazi endizeni yomhlaba oqhubekayo enemilenze eminingi.
• Leli khono linombono oqinile ngamabomu futhi lingase lenqabe izakhiwo ezijwayelekile, amaphalethi, noma isiqongo esingachazwanga kahle.
• Ukuqinisekiswa okuzenzakalelayo akukwazi ukwahlulela ukuthi ikhasi eliqediwe linencazelo yini, ngakho ishidi lokuxhumana lisadinga ukubuyekezwa ngumuntu.

Isiphetho

I-Scrollcraft ihlanganisa injini yokusebenzisana ngokuskrola nenqubo yokuklama ehlelekile. Qala ngokufaka i-plugin ye-Claude Code, uqhube ukuhlolwa kwangaphambilini, bese udala indawo yokusebenza. Bese ukhetha uhlelo lolimi, uchaze ijika lomuzwa nesiqongo esisodwa, udale isenzo sokusayina esiyingqayizivele, futhi uvumele inqubo yokuqinisekisa iveze izinkinga zemishini. Gcina injini eyabiwe ingathintwanga ukuze isakhiwo sencazelo nokuqondiswa kobuciko kwephrojekthi ngayinye kuhlale kuhlukile ngempela.