Dala Izithonjana ze-SVG Ezinyakazayo Nezinganyakazi Ezingaguquki nge-Kubai Icons ka-Claude

I-Kubai Icons iyikhono le-Claude lokudala izithonjana ezabelana ngolimi olubonakalayo olufanayo. Nikeza u-Claude uhlu lwezici noma inqolobane yomkhiqizo ekhona, futhi angaklama izithonjana ezihambisana nezibonelo ezingu-66 ezifakiwe kuphrojekthi. Umphumela ungaba i-SVG eguqukayo eqhutshwa yi-JavaScript noma ifayela le-SVG elizimele elingashintshi.

Uhlelo lusekelwe kumumo onezendlalelo, imingcele yangaphandle, imibala ethathwe kumbala oyinhloko, ama-gradient, izithunzi, nokunyakaza kwe-hover okuqondene nento. Ifolda iyavuleka, imvilophu iyazivula, futhi ikhalenda liphendula ikhasi esikhundleni sokusebenzisa ukugqwayiza okuvamile.

Vula igalari ebukhoma ukuze ubuke iqoqo eliphelele, ushintshe amaphalethi, bese uhambisa isikhombisi phezu kwezithonjana.

Indlela iphrojekthi esebenza ngayo

I-Kubai Icons ihlanganisa imithetho yokuklama namathuluzi okusebenzisa u-Claude awadingayo ukuze anwebe iqoqo ngokuvumelana:

• PROMPT.md ichaza izidingo eziqinile zosayizi wekhanvasi, imigqa eyisikhombisi, izendlalelo, amakhona, imingcele, ukukhanya, umbala, izimpawu, nokunyakaza.
• src/engine.js inikeza ukutholwa kombala, imingcele yangaphandle, ama-gradient, izithunzi, i-interpolation, namaphalethi.
• src/icons.js iqukethe izibonelo ezingu-66 eziqediwe ezisebenza njengezinkomba zesakhiwo zezithonjana ezintsha.
• scripts/check.mjs yenza ukuhlola okubukwayo okungenamakhanda kuzo zonke izimo zokuphumula ne-hover, amafreyimu aphakathi opopayi, osayizi abaningi, nawo wonke amaphalethi.

Isithonjana ngasinye sakhiwa ngengxenye engemuva, okuqukethwe okumhlophe ongakukhetha, kanye nengxenye engaphambili. Lokhu kwakhiwa okufana nefolda kusiza ukulondoloza ukujula futhi kwenza ukunyakaza kufundeke. Ingxenye ngayinye inamafreyimu okhiye amabili: isimo sokuphumula nesimo se-hover.

Faka ikhono le-Claude

Faka nge-Claude Code

Indlela elula ukucela u-Claude Code ukuthi afake inqolobane kufolda yakhe yamakhono. Thumela isicelo esilandelayo:

Install the Kubai Icons skill for me:
clone https://github.com/kubai087/kubai-icons into ~/.claude/skills/kubai-icons
(if it's already there, pull the latest version instead),
make sure ~/.claude/skills/kubai-icons/SKILL.md exists, and tell me when it's ready.

Qalisa kabusha i-Claude Code ngemva kokufaka. Ikhono kufanele litholakale ekuqaleni okulandelayo.

Faka mathupha

Ungalanda ingobo yomlando yokukhishwa yakamuva bese uyikhiphela kufolda yakho yamakhono:

unzip kubai-icons-v1.0.0.zip -d ~/.claude/skills/

Okunye, ungakwazi uku-clone inqolobane ngokuqondile:

git clone https://github.com/kubai087/kubai-icons.git ~/.claude/skills/kubai-icons

Emakethe yamakhono edinga izinkambu zenguqulo negama lokubonisa ku-SKILL.md, sebenzisa ingobo yomlando ethi kubai-icons-v*-platform.zip ekukhishweni okufanayo. Ihlanganisa lezo zinkambu ku-frontmatter.

Khetha imodeli efanele

Ikhono lincike ku-geometry enakekelwe, ukugqwayiza okunezendlalelo, nokubuyekezwa okuphindaphindiwe kwezithombe-skrini. Iphrojekthi yathuthukiswa futhi yahlolwa ngokungaboni kusetshenziswa i-Claude Opus 5.5. Ku-Claude Code, ungayikhetha ngale ndlela:

claude --model claude-opus-5-5

Yenza izithonjana zakho zokuqala

Uma ikhono selifakiwe, chaza izithonjana ozidingayo ngolimi olujwayelekile. Awudingi ukubiza ikhono ngokuqondile ngoba liphendula izicelo ezihlobene nezithonjana.

• Read this repository and draw dynamic icons for its main features.
• Add a scissors icon and a map icon to this set.
• We need an icon for Export that matches the others.

U-Claude ulandela inqubo ephindaphindekayo:

PROMPT.md bese echaza isici ngasinye njengento yansuku zonke kanye nesenzo semvelo se-hover, njengokuthi “ifolda iyavuleka.”
1. Ukhetha isithonjana esikhona esiseduze kakhulu ngokwesakhiwo bese esebenzisa kabusha injini yephrojekthi.
2. Uqalisa ukuzihlola ngezithonjana zokuqhathanisa eduze komsebenzi omusha.
3. Ubukeza izithombe-skrini ngosayizi, imingcele, izendlalelo, imibala, nezimo zokugqwayiza.
4. Uyaqhubeka nokwenza izinguquko kuze kudlule uhlu lokuhlola, bese engeza izithonjana egalari futhi ebuyekeza izibalo.

Ukuqala iqoqo lezithonjana elihlukile lomkhiqizo wakho, ikhono lingakopisha injini, igalari, nokuzihlola likufake kuphrojekthi yakho ukuze izithonjana ezintsha zakhiwe khona.

Khetha okukhiphayo okuguqukayo noma okumile

Okuguqukayo yikho okuzenzakalelayo. Kuqukethe i-SVG ne-JavaScript eshintsha umumo wesithonjana lapho uhambisa isikhombisi phezu kwaso, futhi kuhloselwe amakhasi ewebhu noma izixhumi ezisebenzisa i-JavaScript. Okumile kukhiqiza i-SVG eyodwa ezimele yesithonjana ngasinye engenasikripthi noma ishidi lesitayela, ngakho kulungele amathuluzi okuklama, izinhlelo zokusebenza zomdabu, amadokhumenti, nezinto ze-<img>.

Cela u-Claude amafayela e-static SVG noma izithonjana engingazifaka ku-Figma lapho udinga amafa akhishiwe. Ungakhipha nezithonjana ezikhona ngokuqondile enqolobaneni.

node scripts/export.mjs --only 文件夹,日历 --palette 薄荷 --out icons/

Izinketho zokukhipha

• --palette ikhetha iphalethi. Amanani atholakalayo afaka phakathi 彩色, 蓝灰, 青瓷, 薄荷, 薰衣草, 杏色, kanye 黑色.
• --accent #hex isebenzisa umbala owodwa oyinhloko kuzo zonke izithonjana.
• --state hover ikhipha ukuphela kokugqwayiza kwe-hover esikhundleni sokuma kokuphumula.
• --size 96 isetha ububanzi nokuphakama kokukhiphayo ngamaphikseli.
• --pad 2.5 yengeza isikhala esizungeze ikhanvasi ukuze izithunzi zingasikwa.
• --out dir ikhetha ifolda yokukhipha. Okuzenzakalelayo yi-export/.

Buka kuqala iqoqo lezithonjana endaweni yakho

Indawo yokugcina ikhodi iqukethe igalari yokuhlola iqoqo eliphelele. Vula i-index.html esipheqululini ukuze ubuke izithonjana endaweni yangakini. Hambisa isikhombisi phezu kwesithonjana ukuze ubone ukunyakaza kwaso, shintsha iphalethi, noma uvule imodi yedemo ukuze ubuke iqoqo ligqwayiza.

Kufakwe amaphalethi ayisikhombisa: umbala owodwa ngesithonjana ngasinye, okuluhlaza okwesibhakabhaka nokumpunga, i-celadon, i-mint, i-lavender, i-apricot, nomnyama. Uhlelo lwamaphalethi luthola imibala yezithonjana kusuka kumbala oyisisekelo, futhi ukushintsha amaphalethi kugqwayiza noshintsho lombala.

Qalisa ukuzihlola okubukwayo

Ukuzihlola kudinga i-Node.js 18 noma kamuva ne-Chrome. Kusebenza ngaphandle kokubonisa iwindi, ngakho akuvuli iwindi lesiphequluli. Ukuhlola izithonjana ezikhethiwe nokubeka izithonjana ezikhona eceleni kwazo ukuze uziqhathanise, sebenzisa:

node scripts/check.mjs --only 剪刀,地图 --with 文件夹,邮件,下载

• --only ihlola izithonjana eziqanjwe kuphela. Ngaphandle kwayo, kuhlolwa iqoqo eliphelele.
• --with yengeza izithonjana ezikhona eceleni kwezithonjana ezikhethiwe ukuze ziqhathaniswe ngokubukwayo.
• --accent #F59E0B isebenzisa umbala owodwa oyisisekelo ukuhlola izimpawu ezizobonakala ezizindeni ezikhanyayo.
• --scale 3 ikhiqiza amashidi ngesilinganiso esiphindwe kathathu kunesivamile ukuze iveze imithungo.
• --out dir ibhala izithombe-skrini kufolda ehlukile kune-check-out/.

Setha okuguquguqukayo kwemvelo kwe-CHROME uma i-Chrome ifakwe endleleni engajwayelekile. Isikripthi sokukhiqiza ukugqwayiza sendawo yokugcina ikhodi, i-scripts/media.mjs, sidinga futhi i-ffmpeg ne-img2webp.

Amathiphu okusebenza athuthukile

Qala ngesakhiwo, hhayi ngencazelo kuphela

Lapho ucela isithonjana esisha, chaza isici nesenzo somzimba esihlosiwe. U-Claude usebenzisa isibonelo esikhona esiseduze njengesiqalo sesakhiwo, ngakho isicelo esithi “ingidi evuleka ngokugxuma” sinikeza isiqondiso esisebenziseka kakhulu kunesicelo esijwayelekile sophawu lokuphepha.

Qhathanisa izithonjana ngaphansi kwezimo eziningi

Qalisa ukuhlola ngezithonjana zokuqhathanisa, amaphalethi ahlukile, nesilinganiso esikhulu. Lokhu kusiza ukuveza ukungahambisani emigqeni yangaphandle, emithungweni, ekubekweni kwezendlalelo, ezimpawini, nasekuqhathaneni kwemibala okungenzeka kungabonakali ekubukeni okuzenzakalelayo okukodwa.

Sebenzisa ukuthunyelwa okumile ezindaweni ezingezona ezohlelo lwewebhu

Khetha i-SVG emile lapho indawo okuyiwa kuyo ingakwazi ukusebenzisa i-JavaScript yenjini, njengethuluzi lokuklama, uhlelo lwendabuko, idokhumenti, noma isici esijwayelekile sesithombe. Sebenzisa okukhiphayo okuguquguqukayo lapho ukusebenzisana kokuhambisa isikhombisi kuyingxenye yesixhumi esibonakalayo.

Faka izinguquko ngokucophelela

Ungathuthukisa leli khono ngokubika imithetho engaqondakali, wenze ukuhlola okuyimpumputhe ngeseshini entsha ka-Claude, noma ulungise isikripthi. Ungaklama nesithonjana usebenzisa leli khono bese uthumela i-pull request. Funda i-CONTRIBUTING.md kanye nemithetho yokuziphatha ngaphambi kokufaka isandla. Izinkinga zokuphepha kufanele zilandelwe ku-SECURITY.md.

Okucatshangelwayo mayelana nelayisensi

I-Kubai Icons isebenzisa i-Kubai Icons License futhi iyatholakala ukuze kubukwe ikhodi yayo, hhayi umthombo ovulekile. Izithonjana ezidalwe ngaleli khono zingezabadali bazo futhi zingasetshenziswa kwezohwebo ngaphandle kokubaveza. Injini, igalari, izithonjana eziyizibonelo, nokuzihlola kwendawo yokugcina ikhodi kungakopishwa kufakwe kuphrojekthi yeqoqo lezithonjana uma isaziso selungelo lobunikazi esiphezulu kwefayela ngalinye sihlala sikhona.

Izithonjana eziyizibonelo ezingama-66 zingasetshenziswa emikhiqizweni, okuhlanganisa njengempahla ye-SVG egqwayizayo noma ethunyelwe ngaphandle, kodwa hhayi njengephakethe lezithonjana elizimele. Leli khono lingasetshenziswa, liguqulelwe umsebenzi womuntu siqu, futhi kwabelwane ngalo njengekhophi eqondile engaguquliwe mahhala. Izinguqulo eziguquliwe noma ezihunyushiwe ze-PROMPT.md ne-SKILL.md akufanele ziphinde zishicilelwe njengomunye umkhiqizo, zithengiswe, noma zethulwe ngaphansi kwegama elihlukile.

Isiphetho

I-Kubai Icons iguqula u-Claude abe wuhlelo oluphindaphindekayo lokuklama izithonjana esikhundleni sokuba umkhiqizi wezithombe osetshenziswa kanye. Faka leli khono, chaza izici zomkhiqizo wakho, khetha okukhiphayo okuguquguqukayo noma okumile, hlola igalari yendawo, bese usebenzisa ukuzihlola okusebenza ngaphandle kokubonisa iwindi ukuze uthuthukise ukuhambisana. Injini, izibonelo, amaphalethi, nemithetho efakiwe kwenza kube lula ukunweba iqoqo ngaphandle kokwakha kabusha uhlelo olubukwayo njalo.