Bepul boshlash

Mavjud mahsulotingizdagi AI-slopni toping.

Broom repozitoriyingiz yoki Figma faylingizni oʻqiydi, undagi mavjud dizayn tizimini oʻrganadi va interfeys undan andoza yechimlar tomon qayerda chetga chiqqanini topadi. Siz baho, fayli va qatori bilan har bir topilmani, repozitoriyingizdan qayta yigʻilgan bitta ekranni hamda chetga chiqishni toʻxtatadigan qoidalarni olasiz.
Bepul boshlash

3 ta bepul ishga tushirish. Karta kerak emas.

Broom ilovasidagi auditning «Oldin va keyin» qismi: tekshirilgan mahsulotning kodi chizgan bitta ekrani va oʻsha ekranning oʻz tokenlarida tuzatilgan holati, ular slayder bilan ajratilgan.

Oldin va keyin — ilova koʻrsatganidek

Biz tekshirgan ochiq repozitoriyning nomi almashtirilgan bitta ekrani: kodi boʻyicha chizilgan, keyin oʻz tokenlari va komponentlarida tuzatilgan, ikkisi orasida slayder.

Mahsulotingiz tahlili — dalillar bilan.

Hech narsa qayta chizilmaydi. Mahsulot oʻz tizimi bilan solishtiriladi va tekshiruv jarayoni koʻrsatiladi.

Baho va u tushgan oraliq

011,0
Toza
0 – 3
umumiy narsa deyarli yoʻq
Yengil
3 – 10
bir nechta umumiy naqsh
Sezilarli
10 – 20
butun mahsulot boʻylab umumiy naqshlar
Kuchli
20+
interfeys generatsiya qilingandek oʻqiladi

Interfeys kodining har 1 000 qatoriga vaznli topilmalar; yonida topilmalar soni va tekshirilgan qatorlar soni yoziladi.

Taqqoslash uchun: Broom yaratadigan kod bu tekshiruvda 0 oladi — bu testlar toʻplamimizdagi tasdiq. Interfeys kodi 7 727 qator boʻlgan ochiq repozitoriyda bizning ishga tushirishimiz 59 ta topilma topdi va 11,0 baho berdi: «Sezilarli».

Har bir topilma — fayli va qatori bilan

Toʻrt qism: fayl, qator, unda nima bor va oʻrniga nima boʻlishi kerak.

1Fayl
src/components/card.tsx
2Qator
42
3Unda nima bor
bitta kartada fon rangi, chegara va soya
4Oʻrniga nima boʻladi
fon rangini qoldirish

Topilma shunday koʻrinadi; bu kimningdir kodidan olingan qator emas.

Avval nimani tuzatish kerak

Mahsulot nima va nimadan boshlash kerak — bizning emas, uning oʻz atamalarida.

Oʻzingizning bitta ekraningiz, qayta yigʻilgan

Repozitoriyingizdagi haqiqiy ekran asl nusxasi yonida oʻz tizimingiz bilan qayta yigʻiladi va tekshiriladi: ikkala hisob ham yoziladi. Flutter, SwiftUI yoki Jetpack Compose ekrani brauzerda ishlamaydi, shuning uchun model uni vidjet kodidan chizadi va u chizilgan deb belgilanadi.

Broom ilovasida ekran ostida: shu ekrandagi slop tekshiruvi — oldin 83, keyin 1 — va nima oʻzgargani raqamlangan roʻyxati, masalan, kartalarni chegarasiz, faqat fon rangi bilan ajratish.

  • Sizda allaqachon bor tizim

    Uning ranglari, shriftlari, burchaklari, oraliqlari, soyalari, tokenlari va komponentlari — audit qanday topgan boʻlsa, shunday.

  • Sizning nomlaringiz bilan yozilgan toʻplam

    SLOP_REPORT.md, tokenlaringiz va komponentlaringizni import yoʻllari bilan nomlaydigan qoidalar hamda koʻnikmalar — ular orasida slop tekshiruvi, agentingiz oʻzgartirgan fayllarida ishga tushiradigan skript.

Repozitoriy, papka yoki Figma faylini olib keling.

Bittasi yetarli. Mahsulotingiz qayerdaligini tanlang — faqat oʻsha qadam ochiladi.

  • GitHubdagi repozitoriylaringiz

    GitHub orqali kiring va oʻz roʻyxatingizdan birini tanlang, yopiqlari ham bor.

  • GitHub yoki GitLab havolasi

    Uni joylashtiring. Yopiq GitLab repozitoriysi uchun faqat oʻqish tokeni kerak: u bitta soʻrov uchun ishlatiladi va hech qachon saqlanmaydi.

  • Figma faylingiz

    .fig faylning oʻzini yuklang. Brauzeringiz uni ochadi va faqat ichidagi hujjatni yuboradi; rasmlar kompyuteringizdan chiqmaydi.

  • Papka, .zip yoki buyruqlar qatori

    GitHub shart emas. Loyiha papkasini yoki .zip faylni yuklang yoki ilovadagi kalit bilan loyihada npx broom-design audit buyrugʻini ishga tushiring. Faqat interfeys kodi va uslublar yuboriladi, ular saqlanmaydi.

Toʻrt qadam, oxirgisi — agentingizniki.

  1. 01Mahsulotingiz borligini ayting.

    «Mahsulotim bor», keyin «Faqat AI-slopni olib tashlash» — koʻrinishingizni saqlaydigan tanlov.

  2. 02Borini ulang.

    Repozitoriy, Figma fayli yoki ikkalasi.

  3. 03Broom tizimingizni oʻrganadi, keyin kodni u bilan solishtiradi.

    U mahsulotdagi mavjud tizimni aniqlaydi, soʻng interfeysni quradigan har bir faylni u bilan tekshiradi.

  4. 04Agentingiz toʻplamni oladi.

    Uni repozitoriy ildiziga oching. Undagi yoʻriqnoma fayllari agentni qoidalaringizga va slop tekshiruviga yoʻnaltiradi.

Audit nimaga tegmaydi.

  • Kodingiz

    Undan hech narsa oʻzgarmaydi. Toʻplam — yangi fayllar; CLAUDE.md yoki AGENTS.md allaqachon boʻlsa, biznikini oxiriga qoʻshasiz. Tuzatishlarni agentingiz kiritadi, ularni koʻrib chiqish esa sizga qoladi.

  • Koʻrinishingiz

    Bu audit uni saqlaydi. Yangi koʻrinish uchun toʻliq redizayn bor: u mavjud narsadan va nega u ishlamayotganidan boshlaydi.

    Toʻliq redizayn qanday ishlaydi

  • Ongli tanlovlaringiz

    Binafsha brend, oʻzingiz tanlagan «tabletka» shakli, eʼlon qilgan xiralashtirishingiz — har biri xato deb belgilanmaydi, saqlanadi va qayd etiladi.

  • Repozitoriyingiz

    Nusxa saqlanmaydi: asosiy tarmoqning bitta arxivi ishga tushirish davomida xotirada turadi va u tugagach oʻchiriladi. Topilgan narsalar va ular koʻrsatgan qatorlardan qisqa parchalar qoladi.

Repozitoriyni ulashdan oldingi savollar.

  • Broom yopiq repozitoriyni tekshira oladimi?

    Ha. GitHub orqali kiring va uni oʻz roʻyxatingizdan tanlang, yopiqlari ham bor; Broom faqat siz tanlagan repozitoriylarni va faqat oʻqish uchun oʻqiydi. Yopiq GitLab repozitoriysi uchun faqat oʻqish tokeni kerak: u bitta soʻrov uchun ishlatiladi va hech qachon saqlanmaydi, jurnalga yozilmaydi va qaytarib yuborilmaydi.

    Hech narsa ulash shart emas: ilovada loyiha papkasini yoki .zip faylni yuklang yoki ilovadagi kalit bilan loyihada npx broom-design audit buyrugʻini ishga tushiring. Maxfiy maʼlumotga oʻxshagan fayllar kompyuteringizdan chiqmaydi.

    Kodingiz bilan nima boʻladi

  • Repozitoriyimda bir nechta mahsulot bor. U qaysi birini oʻqiydi?

    Siz tanlaganini. Broom unda qaysi mahsulotlar borligini aniqlaydi — sayt va veb-ilova yoki alohida papkalardagi iOS va Android — va soʻraydi. Mahsulot bitta boʻlsa, qoʻshimcha qadam yoʻq.

  • U qaysi fayllarni oʻqiganini koʻrsa boʻladimi?

    Ha. Hisobotda oʻqilgan har bir fayl roʻyxati bor va natijani oʻsha yerdan oʻchirish mumkin.

  • U brend rangimni xato deb belgilaydimi?

    Agar uni oʻzingiz tanlagan boʻlsangiz, yoʻq. Slop begona uslubdan emas, oʻz tizimingizdan chetga chiqish sifatida oʻlchanadi, shuning uchun ataylab ishlatgan rangingiz xato deb belgilanmaydi, saqlanadi va qayd etiladi.

  • Slop bahosi nimani anglatadi?

    Interfeys kodining har 1 000 qatoriga vaznli topilmalar, oraliqlar boʻyicha: Toza — 3 dan past, Yengil — 3 dan 10 gacha, Sezilarli — 10 dan 20 gacha va Kuchli — 20 va undan yuqori. «Kuchli» degani: interfeys generatsiya qilingandek oʻqiladi.

  • U qaysi tillar va freymvorklarni oʻqiy oladi?

    Vebda HTML, CSS, React, Vue, Svelte, Astro va Tailwind; nativ ilovalar uchun Flutter, SwiftUI va Jetpack Compose. Nativ ekranning oldin va keyingi holatini model vidjet kodidan chizadi va ular chizilgan deb belgilanadi.

  • Kod oʻrniga Figma faylini tekshirsa boʻladimi?

    Ha. «Faqat AI-slopni olib tashlash» repozitoriy, Figma fayli yoki ikkalasini qabul qiladi; .fig faylning oʻzini yuklang. Agar faylni tekshirish emas, tokenlar va qoidalar sifatida yozib olish kerak boʻlsa, bu Figma handoff.

    Figma handoff qanday ishlaydi

Qaysi yoʻl bilan kelsangiz ham, agentingiz oʻz qoidalarini oladi.

AI-slop nima va agentlar uni nega yaratadi

Mahsulotingiz qanchalik chetga chiqqanini koʻring.

Repozitoriyni ulang yoki Figma faylini yuklang va avval topilmalarni oʻqing.

Bepul boshlash

3 ta bepul ishga tushirish. Karta kerak emas.

  • Har bir natija toʻlovdan oldin ekranda
  • Muvaffaqiyatsiz ishga tushirish oʻzi qaytadi
  • Kodingiz ishga tushirishdan keyin saqlanmaydi