I-Prototype Notes Skill ekhethekile esebenzela ama-HTML Demo namaphrojekthi e-frontend.
Kule nkathi, sengijwayele kakhulu ukucela i-AI ukuthi ikhiqize ngqo amakhasi e-prototype nekhodi ye-frontend.
Amakhasi akhiwa ngokushesha, kodwa kuvela enye inkinga:
“Le nkinobho idinga ukuqinisekiswa kwesibili ngemva kokuchofozwa.”
“Lesi sithombe asibukeki kahle, shintsha indlela esivezwa ngayo.”
“Lapho kushintshwa isigaba sethebula, idatha engezansi nayo kufanele ihlungwe ngesikhathi esifanayo.”
La mazwi kufanele abhalwe kuphi?
Kuthunyelwa isithombe-skrini, kudwetshwe ibhokisi elibomvu, kubhalwe idokhumenti, noma kufakwe umyalezo owengeziwe eqenjini, bese abathuthukisi bachitha isikhathi befuna indawo ekhasini. Lapho ikhasi lishintshwa, isithombe-skrini esidala asisasebenzi; lapho imibono iba miningi, nomongo wengxoxo yeqembu ulahleka kalula.
Ngakho ngakha i-Skill: Prototype Notes (Ukuphawula nge-prototype). Yengeza ithuluzi elizimele lokuphawula kuma-HTML prototype noma ezindaweni zokuthuthukisa i-frontend, ukuze izidingo nemibono yezinguquko ihlale ngqo ekhasini lapho kwenzeka khona.
Yenzani ngempela?
Ngamafuphi, kufana nokufaka “amanothi asendaweni” ekhasini lewebhu.
Ngemva kokuvula imodi yokuphawula, chofoza kwesokudla noma yikuphi ekhasini ukuze ukhethe phakathi kwezinhlobo ezimbili zokuqukethwe:
Incazelo yesidingo: eyabaphathi bomkhiqizo, ichaza izidingo ezintsha noma izinguquko zezidingo. Kungasethwa ukubaluleka nesimo, futhi kwengezwe izincazelo eziningi.
Umbono woshintsho: owabahloli, owokubeka iziphakamiso zokubuyekeza. Kudingeka kufakwe igama lombhali, kodwa akudingeki kubekwe ukubaluleka noma isimo.
>Ngemva kokuvula imodi yokuphawula, chofoza kwesokudla ukuze ukhethe uhlobo lokuphawula oluzongezwa
Ngemva kokuthumela, incazelo iyancipha ibe isithonjana esincane ekhasini. Abathuthukisi bangachofoza isithonjana ukuze babuke umongo, ngaphandle kokuqagela ukuthi “indawo ekusiphi isithombe-skrini?”
Imisebenzi esemqoka
01 Hlukanisa izincazelo zezidingo nemibono yokubuyekeza
Izidingo zomkhiqizo neziphakamiso zokubuyekeza ziyizinhlobo ezimbili zolwazi. I-Skill ayizifaki ngenkani efomini elilodwa, kodwa izihlukanisa ngokusobala kusukela kunketho yokuchofoza kwesokudla.
>Incazelo yesidingo: okuqukethwe okuningi, ukubaluleka, isimo sokungezwa noma sokushintshwa, nesikhathi sokulondoloza
>Umbono woshintsho: faka igama lomhloli bese uqopha ngqo isiphakamiso sokubuyekeza
02 Umaka owodwa ungathwala izincazelo eziningi
Izidingo ezihlobene nendawo efanayo akudingeki zigcwalise umugqa wezithonjana. Umaka wesidingo unganezelwa izincazelo eziningi, kanti umaka wombono woshintsho nawo unganezelwa imibono eminingi; inani liboniswa ngebheji elincane.
03 Omaka namawindi antantayo kuyasuswa
Uma indawo yomaka ingalungile, ungawuhudula uwubeke kabusha; newindi elintantayo lingahudulelwa kwenye indawo ukuze lingavimbi okuqukethwe okubukwayo. Umaka ugcina indawo ehambisanayo, ngakho uzama ukuhlala unamathele entweni eqondiwe lapho ikhasi liskrolwa noma ubukhulu balo bushintsha.
04 Namathisela izithombe ngqo encazelweni
Uma amagama enganele ukuchaza, kopisha isithombe-skrini bese usinamathisela ngqo encazelweni yamanje. Isithombe sicindezelwa ngokuzenzakalelayo futhi sigcinwe nedatha yokuphawula, futhi singasuswa sodwa.
05 Imodi engelona lokuphawula ifundeka kuphela ngokuphelele
Ekubukeni kwansuku zonke, okuqukethwe akunakushintshwa ngephutha, futhi ukuchofoza kwesokudla okuvamile akuphazamiseki. Ukwengeza, ukuhlela, ukuhambisa, ukungenisa noma ukususa omaka kuvunyelwa kuphela ngemva kokuvula ngokuqondile imodi yokuphawula.
>Imodi yokubuka ejwayelekile: ungabuka izincazelo, kodwa azikho izenzo zokuhlela noma zokususa
06 Londoloza ngokuzenzakalelayo ku-JSON esendaweni yokugcina ye-Git
Idatha yokuphawula igcinwa ku:
.prototype-notes/annotations.json
Ngemva kokulondoloza, ukuhambisa, ukungenisa noma ukususa, indawo yokuthuthukisa ibuyekeza leli fayela ngokuzenzakalelayo. Ngemva kokuba amalungu eqembu ethumele izinguquko ku-Git, ukuphawula kuhamba nephrojekthi, kuyabuyekezwa futhi kugcine umlando. Ukungenisa nokuthekelisa ngesandla kusagcinwa njengendlela yokubuyisela uma kwenzeka iphutha.
07 Ukwakhiwa okusemthethweni akufaki ikhodi yokuphawula
Leli akulona ithuluzi elizenza liphephe ngokuthi “lifihle ngokuchofoza”. Kumaphrojekthi e-Vite, i-runtime ilayishwa kuphela kwimodi yokuthuthukisa, futhi i-API yokulondoloza itholakala kuphela kuseva yokuthuthukisa; kumaphrojekthi e-HTML amile, ungayisusa ngaphambi kokushicilela. Umgomo wokuhlola kokushicilela uwukuthi: umkhiqizo wokukhiqiza ungabi nhlobo ne-runtime yokuphawula noma okuqukethwe kokuphawula.
Amanye amaqhinga amancane engiwathandayo
Isithonjana sedokhumenti esiluhlaza nesithonjana sombono esiwolintshi. Ngisho nangaphandle kokuvula iwindi elintantayo, uyakwazi ukubona ukuthi lokhu kuyisidingo somkhiqizo noma umbono wokubuyekeza.
Ukuchofoza kwesokudla kuthathwa kuphela kwimodi yokuphawula. Ekusetshenzisweni okuvamile akuphazamisi imisebenzi yekhasi, kodwa kuvulwa lapho kudingeka kuqoshwe okuthile.
Incazelo ngayinye inesikhathi sayo sokugcina sokulondolozwa. Abathuthukisi bangahlola ukuthi ingabe babuka inguqulo esanda kubuyekezwa.
Inqolobane yasendaweni iyindlela yokuphepha. Lapho ukubhala ngokuzenzakalelayo kwehluleka, okusalungiswa esipheqululini akulahleki ngokushesha, futhi ibha yamathuluzi ibonisa “ukuvumelanisa kwehlulekile”.
Inophawu lomthombo olwakhelwe ngaphakathi. Inguqulo yamanje ibonisa “Ilebhu Yokuhlola ye-AI ka-Ni Hao”, futhi igcina uphawu olufanayo oluqinisekisekayo ku-runtime, kumathuluzi onjiniyela naku-JSON ethekelisiwe.
Ixazulula ziphi izinkinga?
Okokuqala, inciphisa ukulahleka komongo wezidingo. Izidingo azisahlukaniswa nekhasi bese zintanta zodwa emlandweni wengxoxo noma kudokhumenti.
Okwesibili, inciphisa isikhathi esichithwa umkhiqizo nentuthuko befuna indawo efanele. Umaka unamathela esilawulweni esithile, ngakho uma uvula ikhasi uyazi ukuthi yini okufanele ishintshwe.
Okwesithathu, ihlukanisa izidingo zomkhiqizo nempendulo yokubuyekeza. Ubani ophakamise ini, nokuthi kungoluphi uhlobo, kubonakala ngokushesha.
Okwesine, ifaka ama-prototype e-AI enqubweni yangempela yokuphindaphinda. I-AI ikhiqiza ngokushesha, bese ungqimba lokuphawula luphindisela impendulo ku-AI noma kubathuthukisi.
Okwesihlanu, ayekethisi ukuphepha kokushicilela. Ukuphawula kungokwendawo yokuthuthukisa nokubuyekeza kuphela, akubi umsebenzi womkhiqizo osemthethweni.
Isetshenziswa kanjani ezimweni ezahlukene?
Isimo sokuqala: I-HTML Demo yekhasi elilodwa ekhiqizwe yi-AI
Cela i-AI ukuthi isebenzise i-Prototype Notes Skill ukufaka ungqimba lokuphawula bese iqala iseva yokuthuthukisa yasendaweni ehambisanayo. Umkhiqizo ubhala izidingo ngokuchofoza kwesokudla ekhasini, futhi ngemva kokulondoloza zifakwa ngokuzenzakalelayo ku-JSON yephrojekthi. Ngemva kokuqinisekisa ukuthi konke sekuphelile, susa i-runtime bese ushicilela ikhasi elimile.
Isimo sesibili: Iphrojekthi ye-frontend ye-Vue / React + Vite
I-Skill ifaka i-runtime kumkhombandlela wamathuluzi okuthuthukisa futhi ifake i-plugin yokulondoloza esebenza kuseva yokuthuthukisa kuphela. Sebenzisa umyalo ojwayelekile wokuthuthukisa iphrojekthi; ngesikhathi sokwakha okusemthethweni i-runtime yokuphawula ngeke ilayishwe.
Isimo sesithathu: Umphathi womkhiqizo nabathuthukisi basebenzisana endaweni efanayo ye-Git
Ngemva kokuba umkhiqizo eselondoloze omaka, thumela i-annotations.json. Abathuthukisi bangadonsa ikhodi ukuze babuke ukuphawula ekhasini elifanayo, bese bethumela izinguquko zabo ngemva kokuqeda. I-Git iphethe izinguqulo, ukuhlanganisa nomlando; ithuluzi lokuphawula liphethe ukuveza udaba ekhasini uqobo.
Isimo sesine: Ukubuyekeza komklamo noma kwebhizinisi
Umhloli ukhetha “Engeza umbono woshintsho”, afake igama lakhe bese eqopha isiphakamiso. Izidingo zomkhiqizo azididaniswa nemibono yokubuyekeza, futhi abathuthukisi bayazi ukuthi umbono uvela kubani.
Isimo sesihlanu: Umhlangano wokubuyekeza onamalungelo okubuka kuphela
Ngemva kokuvala imodi yokuphawula, ababambiqhaza basengachofoza izithonjana bazibuke, kodwa abakwazi ukuhlela; bangakwazi futhi ukufihla bonke omaka ngokuchofoza okukodwa ukuze ikhasi libuyele ekubukekeni okuhlanzekile.
Ifakwa futhi ibizwa kanjani i-Skill?
Le Skill ayikashicilelwa njengomthombo ovulekile okwamanje. Uma ufuna ukuyizama:
Landela “Ilebhu Yokuhlola ye-AI ka-Ni Hao”
Thumela umyalezo oyimfihlo onegama elingukhiye: 原型批注
Ngizokuthumelela iphakheji ecindezelwe ye-Skill kanye nemiyalelo yokusebenzisa.
Ngemva kokuthola iphakheji, yivule uyifake kumkhombandlela wakho wama-Codex Skill:
C:\Users\igama_lomsebenzisi\.codex\skills\prototype-notes
Vula kabusha umsebenzi we-Codex, bese uyibiza kanje:
Sebenzisa i-$prototype-notes ukuze wengeze umsebenzi wokuphawula kule prototype ye-HTML.
Ungasho futhi ngolimi olujwayelekile, isibonelo:
“Fakela le phrojekthi ye-Vue/Vite ukuphawula kwe-prototype, idatha igcinwe ngokuzenzakalelayo ku-Git JSON, futhi ikhodi yokuphawula ingafakwa ekwakhiweni kokukhiqiza.”
“Engeza izincazelo zezidingo nemibono yoshintsho enegama lombhali kule HTML Demo yekhasi elilodwa, bese ungisiza ngiqale ukubuka kuqala endaweni.”
Izinkinga ezivamile ngesikhathi sokusebenzisa
1. Ikhasi liyavuleka, kodwa i-JSON ayishintshi ngemva kokulondoloza
Ezikhathini eziningi kusetshenziswa iseva evamile yamafayela amile. Isiphequluli asikwazi ukubhala ngqo amafayela e-Git; sebenzisa iseva yokuthuthukisa ye-HTML efakwe yi-Skill, noma uvule i-plugin yokuthuthukisa ehambisanayo ku-Vite. Lapho ibha yamathuluzi ibonisa “ukuvumelanisa kwehlulekile”, inqolobane yasendaweni isazogcina okusalungiswa.
2. Angiboni ukuphawula ngemva kokushintshela kwenye ikhompyutha
Qinisekisa ukuthi .prototype-notes/annotations.json ithunyelwe ku-Git nokuthi omunye umuntu udonse ikhodi yakamuva. I-localStorage iyindlela yokusekela kuleyo khompyutha kuphela, ayiyona indawo yokwabelana yeqembu.
3. Imenyu yokuphawula ayiveli lapho ngichofoza kwesokudla
Qala ngokuchofoza inkinobho ethi “Ukuphawula” ekhoneni elingezansi kwesokudla ukuze ungene kwimodi yokuphawula. Imodi evamile igcina ukuchofoza kwesokudla komdabu kwesiphequluli ukuze kungaphazamiseki ukusetshenziswa kwansuku zonke.
4. Indawo yomaka iyaphambuka ngemva kokushintshwa kwekhasi
Kwimodi yokuphawula, hudula isithonjana usibeke endaweni entsha. Ezindaweni ezibalulekile ezishintsha ukwakheka njalo, cela i-AI ukuthi ingeze i-data-prototype-anchor ezinzile ukuze kungancikwe ezigabeni ze-DOM ezishintsha kalula.
5. Kukhona ukungqubuzana lapho kuhlanganiswa i-annotations.json ku-Git
Ifanele ukubambisana okungavumelani ngesikhathi, hhayi ukuhlela kwabantu abaningi ngesikhathi sangempela. Donsa igatsha lakamuva ngaphambi kokuqala ukuphawula; lapho abantu abaningi behlela ngesikhathi esisodwa, hlola ukungqubuzana usebenzisa i-ID yomaka nesikhathi sokubuyekezwa. Uma kudingeka ukuvumelanisa kwabantu abaningi ngesikhathi sangempela, cabanga ngesevisi yesizindalwazi.
6. Ngikhathazekile ngokuthumela izidingo zangaphakathi noma izithombe-skrini ngaphandle
Okuqukethwe kokuphawula, amagama abahloli, imizila yamakhasi nezithombe ezinamathiselwe kungase kuqukathe ulwazi olubucayi. Iphrojekthi kufanele isebenzise indawo yokugcina eyimfihlo; ungayivezi iseva yokuthuthukisa yasendaweni kunethiwekhi ongayethembi, futhi ungashicileli umkhombandlela we-.prototype-notes ku-inthanethi.
7. Izithombe ziningi kakhulu, isiphequluli asikwazi ukuzigcina
I-runtime icindezela izithombe futhi ikhawulele inani lezithombe encazelweni ngayinye, kodwa izithombe-skrini zisandisa i-JSON. Kunconywa ukugcina kuphela izithombe ezihlobene ngqo nenkinga, bese unciphisa izithombe ezinkulu ngaphambi kokuzinamathisela.
Ekugcineni
I-AI isenze “ukwakha ikhasi” kwashesha kakhulu, kodwa phakathi kwekhasi nomkhiqizo olungele ukulethwa kusadingeka izidingo ezicacile, ukubuyekeza nokusebenzisana.
Angiyenzanga le Skill ukuze ngakhe olunye uhlelo olukhulu lokuphatha amaphrojekthi, kodwa ukuze ngivale igebe elincane nelicacile:
ukushiya umbono endaweni lapho wenzeka khona ngempela.