Jenga Utambulisho wa Chapa Ulio na Mizani kwa Claude Code

Utambulisho wa chapa hufanya nini

brand-identity ni ujuzi wa Claude Code wa kubuni utambulisho wa chapa kama mfumo mmoja uliounganishwa. Badala ya kuchagua nembo, aina ya herufi, na rangi kwa kujitegemea, kila mwelekeo hujengwa kuzunguka wazo au utaratibu mmoja unaoongoza vipengele vyote vitatu.

Ujuzi huu hutengeneza seti tatu, au wakati mwingine nne, za utambulisho. Huzionyesha kando kwa kando kama kadi za utambulisho, hupima sifa muhimu za kiufundi, kisha husitisha mchakato ili uweze kuchagua mwelekeo. Baada ya kuchagua seti moja, au kuchanganya sehemu kutoka seti nyingi, hutengeneza kifurushi cha miongozo ya chapa.

Vipengele muhimu

• Seti za utambulisho zilizoratibiwa: Kila seti huunganisha alama, uchapaji, na rangi zake kupitia utaratibu mmoja mkuu.
• Maamuzi yaliyopimwa: Ujuzi huu hukagua utofautishaji wa WCAG 2 na APCA, uigaji wa upofu wa rangi, uwiano wa glyph, leseni za fonti, tarakimu za jedwali, na uonyeshaji wa nembo katika pikseli 16 na 32.
• Vizingiti vya ubora: Vipimo vilivyoshindwa husimamisha seti hadi tatizo litengenezwe. Heuristiki huwekewa lebo za maonyo, huku chaguo za kibinafsi zikitambuliwa kama hukumu.
• Kifurushi cha miongozo ya chapa: Kifurushi cha kawaida kinajumuisha PDF ya kurasa nane, faili za nembo, tokeni za usanifu katika CSS, SCSS, Tailwind, na DTCG JSON, pamoja na jedwali la fonti lenye msimbo wa kupachika. Chaguo la --full huongeza sehemu za gridi, hali ya giza, ufikivu, ikoni, na picha kwa jumla ya kurasa 13.
• Urekebishaji wa mwonekano wa tovuti: Ipe ujuzi huu URL ili kuhakiki kila mwelekeo kwenye kurasa zako zilizopo. Unaweza kuhifadhi baadhi ya vipengele na kusasisha vingine.
• Kazi iliyolengwa: Omba nembo pekee, mfumo wa aina ya herufi, rangi, au ukosoaji wa utambulisho uliopo.

Sakinisha ujuzi

Inapendekezwa: isakinishe kama programu-jalizi ya Claude Code

Kwenye Claude Code, ongeza soko kisha usakinishe programu-jalizi:

/plugin marketplace add fatihaydost/brand-identity-skill
/plugin install brand-identity@brand-identity-skill

Isakinishe kama ujuzi wa kawaida

Pakua brand-identity.zip kutoka toleo la hivi karibuni, ifungue kwenye ~/.claude/skills/, kisha Claude Code itapakia ujuzi huo kutoka hapo.

Unaweza pia kunakili hazina na kuunda kiungo cha ishara:

git clone https://github.com/fatihaydost/brand-identity
mkdir -p ~/.claude/skills
ln -s "$PWD/brand-identity-skill/skills/brand-identity" ~/.claude/skills/brand-identity

Kagua mahitaji

Mradi huu unahitaji Python 3.10 au toleo jipya zaidi na kivinjari kinachotumia Chromium, kama vile Chrome, Chromium, Edge, au Brave. uv inapendekezwa kwa sababu hati hutumia kuasakinisha vifurushi vya Python kwenye mazingira yaliyohifadhiwa kwenye akiba wakati wa matumizi ya kwanza.

Endesha ukaguzi uliojengewa ndani ili kutambua vitegemezi vinavyokosekana:

python3 skills/brand-identity/scripts/brand.py check

Ukitumia uv, kwa kawaida hakuna haja ya kusakinisha fonttools, uharfbuzz, au skia-pathops mwenyewe. Claude Code ndiye mwenyeji anayependekezwa. Kwenye mazungumzo ya claude.ai, sandbox hairuhusu Google Fonts kwa chaguo-msingi, hivyo upimaji na uonyeshaji wa aina ya herufi unaweza kushindwa.

Endesha mradi wako wa kwanza wa utambulisho

1. Anza na muhtasari wa lugha rahisi

Muombe Claude Code matokeo unayohitaji. Kwa mfano:

Nembo, fonti na rangi za kiwanda maalumu cha kuchoma kahawa huko Lisbon.

Unaweza pia kulenga ombi lako:

Aina mpya ya herufi na rangi kwa https://example.com, hifadhi nembo.

Mfumo wa aina ya herufi pekee wa jarida langu.

Kosoa utambulisho wa chapa yetu.

2. Jibu maswali

Ujuzi huu huuliza duru moja ya maswali kuhusu cha kuunda, idadi ya seti za kuzalisha, lugha zinazotumiwa na chapa, na washindani husika. Toa taarifa mahususi kuhusu hadhira, mtindo, soko, matumizi, na vikwazo inapowezekana.

3. Kagua ubao wa utambulisho

Ujuzi huu huunda mielekeo iliyopendekezwa na kuionyesha kwenye ubao wa kulinganisha. Kila mwelekeo unajumuisha utaratibu, alama, chaguo la aina ya herufi, rangi, na vipimo. Uendeshaji kamili hadi kwenye ubao huchukua takriban zamu 40 za wakala na hutumia takriban tokeni milioni 0.9 za ingizo zinazotozwa, kulingana na vipimo kutoka kwenye mihtasari sita.

Ujuzi huu haukuchagulii mwelekeo. Linganisha dhana, jinsi zinavyojibu muhtasari kwa ufanisi, na iwapo vipimo vyake vinapita vizingiti vinavyohitajika.

4. Chagua au changanya vipengele

Baada ya kukagua ubao, chagua seti moja au omba mchanganyiko kama vile nembo kutoka seti A na rangi kutoka seti B. Kisha ujuzi huu huunda kifurushi ulichochagua.

Elewa bidhaa zinazozalishwa

Utambulisho uliochaguliwa huunda PDF ya miongozo yenye kurasa nane inayoshughulikia jalada, wazo, nembo, tofauti zake, matumizi ya nembo kwenye rangi, mifano ya matumizi mabaya mahususi kwa alama hiyo, rangi, uchapaji, na matumizi. Tumia --full unapohitaji pia mwongozo wa gridi, hali ya giza, ufikivu, ikoni, na picha.

Seti hii pia ina matoleo ya nembo katika miundo ya SVG na PNG, yakiwemo matoleo ya rangi kamili, rangi moja, yaliyogeuzwa, ikoni ya programu, na favicon. Design tokens zinapatikana kwa CSS, SCSS, Tailwind, na DTCG JSON. Karatasi ya fonti inaeleza fonti zilizochaguliwa na kutoa msimbo wa kuzipachika.

Jinsi mtiririko wa kazi unavyofanya kazi

Mchakato unatenganisha mwelekeo wa ubunifu na uthibitishaji wa kiufundi:

1. Maswali: Claude Code hukusanya muhtasari wa mradi, mahitaji ya lugha, muktadha wa washindani, na idadi inayotakiwa ya seti.
2. Uundaji wa seti: Huunda sets.json yenye mekanizimu, alama, chaguo la fonti, na mbegu za rangi.
3. Ukaguzi wa nembo: Nembo huonyeshwa katika karatasi ya mawasiliano yenye pikseli 16 na 32, huku dosari zikirekebishwa kupitia marudio kadhaa.
4. Uundaji na ukaguzi: Skripti huunda majukumu ya rangi, kadi za utambulisho, ukaguzi, na ubao wa kulinganisha.
5. Ushughulikiaji wa vizuizi: Tofauti ya rangi, leseni za fonti, ufunikaji wa glyph, uhalali wa faili, na hitilafu za uonyeshaji huirudisha seti kwa marekebisho.
6. Uteuzi na uundaji wa seti: Baada ya kuchagua, ujuzi huu huhamisha PDF, faili za nembo, tokens, na karatasi ya fonti.

Vidokezo vya kina vya kupata matokeo bora

Tumia mahitaji ya lugha kwa uwazi

Mwambie Claude Code kila lugha ambayo chapa inapaswa kutumia. Ujuzi huu hukagua ufunikaji wa glyph dhidi ya lugha ambazo chapa hutumia kuandika, hivyo taarifa hii huathiri uteuzi na uthibitishaji wa fonti.

Fanya ufikikaji kuwa kigezo cha muundo

Usichukulie tofauti ya rangi kama ukaguzi wa mwisho wa kuona. Mradi hutumia vipimo vya WCAG 2 na APCA, uigaji wa upofu wa rangi, na ukaguzi wa ukubwa wa nembo kama vizuizi. Jumuisha mandharinyuma na matumizi yaliyokusudiwa katika muhtasari wako ili rangi zilizoundwa ziweze kutathminiwa katika muktadha wake.

Omba onyesho la tovuti

Unapotoa URL ya tovuti, ujuzi huu husoma nembo, fonti, na rangi za sasa, kisha huonyesha kila mwelekeo wa utambulisho kwenye kurasa zako. Tumia keep kwa vipengele vinavyopaswa kubaki na refresh kwa sehemu zinazopaswa kuboreshwa.

Changamoto chaguo-msingi zinazofahamika za AI

Brand-identity imeundwa ili kuepuka muunganiko wa kiotomatiki wa vitu kama cream, terracotta, dhahabu, Fraunces, Inter, au herufi iliyofichwa ndani ya duara. Mwelekeo unapotumia muundo unaofahamika, ujuzi huu huomba sababu inayotokana na muhtasari, na angalau seti moja katika kila uendeshaji haitumii chaguo-msingi hizo.

Kagua leseni na ufikiaji wa mtandao

Ujuzi huu hupakua fonti na metadata kutoka Google Fonts na hazina ya google/fonts. uv huwasiliana na PyPI kwa vifurushi vya Python, na kivinjari hufungua tovuti yako au tovuti za washindani waliotajwa pale tu unapotoa URL zao.

Hakuna telemetry na hakuna kitu kinachopakiwa. Fonti hazigawanywi kwa subset wala kusambazwa tena; seti hii huziunganisha na kutoa msimbo wa kuzipachika. Leseni za fonti hukaguliwa kwa kila familia, huku OFL ikitumika kwa chaguo-msingi na maelezo ya ziada kwa Fontshare au fonti za kibiashara.

Unda na ujaribu ndani ya kompyuta

Ikiwa ungependa kuchangia au kuthibitisha hazina, sakinisha mahitaji ya uundaji na endesha amri za majaribio:

pip install -r requirements-dev.txt
python3 -m unittest discover -s tests
python3 tools/smoke_test.py
python3 tools/package_skill.py

Hazina hii ina ujuzi chini ya skills/brand-identity/, zana za uundaji katika tools/, majaribio ya vitengo katika tests/, vifaa vya tathmini katika evals/, na nyaraka za usanifu na majaribio katika docs/.

Hitimisho

brand-identity hubadilisha muhtasari wa lugha asilia kuwa mwelekeo kadhaa wa utambulisho unaounganishwa, kisha huunganisha uchunguzi wa ubunifu na ukaguzi wa kiufundi unaopimika. Isakinishe katika Claude Code, eleza chapa na vikwazo vyake, linganisha seti zilizoundwa, na uchague au unganisha vipengele vinavyofaa zaidi muhtasari. Matokeo yake ni seti ya vitendo ya miongozo badala ya wazo la nembo lililotengwa.

Mradi umetolewa chini ya leseni ya MIT. Kwa maelezo ya utekelezaji, rejelea mradi wa GitHub wa hazina.