Slop auditi · Figma handoff · Dizayn tizimi

Dizayningizdan AI‑slopni supurib tashlang.

Broom repozitoriyingiz yoki Figma faylingizni oʻqiydi, kod yozuvchi agentingiz qoldirgan andoza yechimlarni topadi va unga oʻzingizning komponentlaringiz, tokenlaringiz va qoidalaringizni beradi. Shunda u yozadigan keyingi ekran generatsiya qilingandek emas, oʻylab chizilgandek koʻrinadi.

Bepul boshlash

3 ta bepul ishga tushirish. Karta kerak emas.

Misol: bitta relizlar ekrani, ikki marta yigʻilgan.

Ajratgichni suring

Agent yozgani
Relizlar
iOS va Android

Salohiyatingizni bugunoq oching

ChiqdiKoʻrikdaBeta
318-yigʻmada ikkita tekshiruv ketmoqda.
Shu hafta
Yigʻmalar14
Nosozliksiz99.2%
Testerlar212
Tekshiruv38 daq
HolatVersiyaQachon
Koʻrikda4.2.0 · 318-yigʻma12 daq oldin
Chiqdi4.1.9 · 311-yigʻmaSeshanba
Xato4.1.8 · 309-yigʻmaOʻtgan hafta
Tizimingiz asosida
Relizlar
iOS va Android

4.2.0 versiyasi koʻrikda

iOS · 318-yigʻma · 12 daqiqa oldin
318-yigʻmada ikkita tekshiruv ketmoqda.
Shu hafta
Yigʻmalar14
Nosozliksiz99.2%
Testerlar212
Tekshiruv38 daq
HolatVersiyaQachon
Koʻrikda4.2.0 · 318-yigʻma12 daq oldin
Chiqdi4.1.9 · 311-yigʻmaSeshanba
Xato4.1.8 · 309-yigʻmaOʻtgan hafta
  • AjratishTinch holatdagi nurRangli chiziqSiyrak bosh harflarGradient boʻyoqFon va chegara
  • IerarxiyaOrtiqcha nishonlarKarta ichida kartaToʻrt xil grafik
  • MatnMavhum sarlavhaMavhum tugmaToʻrtta filtr

Nega bunday boʻladi

Nega AI yordamida qurilgan mahsulotlar bir xil koʻrinadi.

Tizimingiz berilmagan kod yozuvchi agent oʻzi oʻqigan barcha interfeyslarning oʻrtachasini yozadi. Oʻrtachaning oʻz koʻrinishi bor va foydalanuvchilaringiz uni tanib olishni allaqachon oʻrganishgan.

Andozalar

Hamma joyda bir xil andozalar

Indigo gradientlar, hamma narsa tabletka shaklida, har bir kartada yogʻdu, bir qatorda uchta afzallik. Kamdan-kam xunuk. Shunchaki hech kimniki emas.

Dashboard yarat:
Istalgan mahsulotni tanlang: agent xuddi shu kartani yozadi, faqat bitta soʻz oʻzgaradi.Misol

Siljish

Ekranma-ekran siljish

Har bir yangi ekran palitrangizda yoʻq rangni, shkalangizda yoʻq burchakni, hech kim chizmagan tugma variantini olib keladi. Kimdir buni tozalaydi. Yoki hech kim tozalamaydi va u relizga chiqib ketadi.

Deyarli mos: shkalangizga juda yaqin ranglar va burchaklar.Misol

Promptlar

Promptlar ushlab turmaydi

«Dizayn tizimimizga amal qil» bir-ikki ekranga yetadi. Keyin andozalar qaytadi, chunki agentga tizimning oʻzi emas, u haqidagi bitta gap berilgan.

Tizimingiz haqidagi gap bir-ikki ekranga yetadi.Misol

Farqi nimada

Agentingizga koʻproq did kerak emas. Unga sizning tizimingiz kerak.

Umumiy prompt har bir mahsulotga bir xil maslahat beradi. Broom sizning mahsulotingizdan (hali hech narsa boʻlmasa, brifingizdan) boshlaydi va agentga uning nomlari va raqamlarini beradi.

Oddiy anti-slop prompti

design-prompt.md · misol

  1. 1# Dizayn qoidalari
  2. 2Zamonaviy, toza estetikadan foydalan.
  3. 3Dizaynni izchil saqla.
  4. 4Uygʻun palitra tanla.
  5. 5Andoza koʻrinishdagi interfeysdan qoch.
  6. 6Boʻsh joyni koʻp qoldir.
  7. 7Premium his qoldirsin.
  • Har bir mahsulot uchun bir xil fayl
  • Amal qilinadigan raqam yoʻq, tekshiradigan narsa yoʻq

Broom

Namuna tizim
type.title16 / 500
type.numberGeist Mono
color.success#1f7a4d
radius.control10px
color.accent#1f5bff
Hisob-faktura 0142
$1,240.00
Toʻlangan
Izoh qoʻshish
Chekni yuborish
  • Repozitoriyingiz yoki Figma faylingizdan oʻqilgan
  • Sizning nomlaringizdagi komponentlar, tokenlar va skillar
  • Agent «tayyor» deyishidan oldin slop tekshiruvi

Nima bilan ishlaydi

Sizning agentingiz. Sizning stekingiz.

Paket oddiy fayllardan iborat: ularni siz allaqachon ishlatayotgan agent, sizda bor stekda oʻqiydi.

Uchta yoʻl.

Qaysi biri sizniki — mahsulotingizning qanchasi mavjudligiga bogʻliq. Uchalasi ham agentingiz interfeysning birinchi satrini yozishdan oldin oʻqiydigan fayllar bilan tugaydi.

  • Broom ilovasidagi brifning birinchi qadami: talablar hujjati uchun maydon, soʻng mahsulot nomi va u nima qilishi.

    Noldan dizayn

    Dizayn hali yoʻq. Biz agentingiz uchun koʻrinish va qoidalarni yaratamiz.

    Qanday ishlaydi
  • Broom ilovasidagi Figma handoff ekrani: .fig fayli uchun maydon va faqat dizayn maʼlumotlari yuborilishi haqidagi eslatma.

    Figma handoff

    Dizayningiz Figmada tayyor. Biz uni agentingiz uchun qoidalarga aylantiramiz.

    Qanday ishlaydi
  • Broom ilovasida «Mahsulotim bor»dan keyingi birinchi tanlov: mahsulot qayerda — GitHub yoki GitLab, loyiha papkasi yoki Figma fayli.

    Mahsulotim bor

    Mahsulotingiz allaqachon ishlayapti. AI-slopni olib tashlaymiz yoki redizayn qilamiz.

    Qanday ishlaydi

Mahsulotingizdan agentingizgacha

Qanday ishlaydi.

Qoʻngʻiroqsiz, onbordingsiz, seminarsiz. Siz haqiqiy narsa berasiz — u sizga fayllar beradi.

Repozitoriyingiz, Figma faylingiz yoki brif Broomga tushadi: u mavjud tizimni oʻqiydi, interfeys undan qayerda chetlashganini topadi va qoidalarni oʻz nomlaringiz bilan yozadi. Natijada paket, slop auditida esa yana hisobot va qayta qurilgan bitta ekraningiz chiqadi.

Repozitoriyingiz

Figma faylingiz

Yoki brif

  • Oʻqish mavjud tizimni

  • Topish interfeys chetlashgan joyni

  • Yozish qoidalarni oʻz nomlaringizda

Hisobot

Slop auditi

Paket

Oldin va keyin

Slop auditi

Hisobot

Slop auditi nimani qaytaradi.

Avval yangi dizayn emas — bor dizayningizning tahlili, muharriringizda ochsa boʻladigan dalillar bilan.

Audit haqida hammasi
Broom ilovasidagi slop auditi sharhi: slop balli 13.4, «Sezilarli», 0 dan 40 gacha shkalada belgilangan, tekshirilgan 7 111 satrda 110 ta topilma va mahsulotning bitta ekrani oldin va keyin, oʻrtada slayder bilan.

Audit hisoboti — ilova koʻrsatganidek

Ochiq repozitoriyda haqiqiy ishga tushirish, mahsulot nomi almashtirilgan: shkaladagi ball, nima oʻqilgani va ekranlaridan biri oldin va keyin.

Bir xil tekshiruv, bir xil shkalaMing satrga topilmalar, vazn bilan.
Broom yaratadigan kodOʻz testlarimizdagi tasdiq
0 Toza
Biz tekshirgan ochiq repozitoriy7,727 satrda 59 ta topilma
11.0 Sezilarli
  • Toza 0–3umumiy narsa deyarli yoʻq
  • Yengil 3–10bir nechta umumiy naqsh
  • Sezilarli 10–20butun mahsulot boʻylab umumiy naqshlar
  • Kuchli 20+interfeys generatsiya qilingandek oʻqiladi

Repozitoriyingizga nima tushadi.

Bitta zip, ildizda ochiladi. Kodingiz oʻzgarmaydi — ichidagi hammasi yangi, va agentingiz interfeysning birinchi satrini yozishdan oldin uni oʻqiydi.

  • components/

    Stekingiz uchun, har bir variant va holat.

  • tokens/

    Yorugʻ va qorongʻi mavzu uchun CSS oʻzgaruvchilari, Tailwind, DTCG JSON, Dart, Swift va Kotlin.

  • docs/components/

    Har bir komponentga bitta sahifa.

  • .claude/skills/

    Skilllar — mahsulotingiz nomlarida. Slop tekshiruvi — skript.

  • DESIGN_SYSTEM.md

    Barcha token qiymatlari va komponentlar roʻyxati.

  • CLAUDE.mdAGENTS.md.cursorrules

    Agentingizni bularning barchasiga yoʻnaltiring.

Parchalar emas, komponentlarHar bir variant va holat, klaviatura yoʻli va foydalanish qulayligi atributlari.
Veb-ilova uchun
44
Mobil ilova uchun
50
Veb-sayt uchun
52
StekingizTokenlardagi har bir matn oʻz foniga nisbatan tekshirilgan — yorugʻ va qorongʻi mavzuda.
StekKodTokenlarHujjatlar
React + TailwindHaHaHa
Next.js + TailwindHaHaHa
VueHaHaHa
SvelteHaHaHa
React NativeHaHaHa
HTML + CSSTavsifHaHa
FlutterTavsifHaHa
SwiftUITavsifHaHa
Jetpack ComposeTavsifHaHa

Kod — stek uchun komponent fayllari. Tavsif — agentingiz qurishi uchun toʻliq yozilgan har bir komponent; bu steklar uchun kod keyinroq keladi.

Agentingiz ishlatadigan skilllar

Mahsulotingizning oʻz komponent nomlari va raqamlarida. Slop tekshiruvi — agent vazifani bajarildi deyishdan oldin ishga tushiradigan skript.

  • build
  • states
  • edge-cases
  • consistency
  • review
  • finish
  • slop-check
  • va mahsulot turingiz uchun yana bittasi

Hammasi sizniki: foydalaning, oʻzgartiring, chiqaring va u bilan qurganingizni soting. Muallifni koʻrsatish shart emas, kuzatiladigan litsenziya yoʻq.

Narxlar.

Koʻrish bepul; natijani agentingizga olib ketganingiz uchun toʻlaysiz. Ishga tushirish — istalgan xizmatning bir marta bajarilishi: brif boʻyicha tizim, Figma handoff yoki slop auditi, va har bir taklif uchalasini ham qamraydi.

  • Bepul

    $0boshlash uchun

    • Istalgan xizmatdan 3 ta ishga tushirish
    • Har bir natija ekranda: baho, topilmalar, Before / After, dizayn tizimi
    • Paketni yuklab olish kirmaydi
    • Karta kerak emas
    Bepul boshlash
  • Bitta loyiha

    $10bir marta

    • Shu loyiha paketi butunlay, barcha versiyalari bilan
    • Agentingiz uchun qoidalar, skillar, komponentlar va tokenlar
    • 30 kun ichida unda yana 3 ta ishga tushirish
    • Istalgan natijada, paket yuklab olinadigan joyda sotib olinadi
    Loyiha boshlash
  • Pro

    Tavsiya etamiz

    $30oyiga

    • Obuna davomida barcha loyihalar ochiq
    • Oyiga 20 ta ishga tushirish; ishlatilmaganlari keyingi oyga oʻtmaydi
    • Pro’da ochilgan loyihalar bekor qilsangiz ham ochiq qoladi
    • Istalgan vaqtda ilovada bekor qilish mumkin
    Pro’ga oʻtish

Muvaffaqiyatsiz ishga tushirish oʻzi qaytadi. Pro’ni bekor qilsangiz, qolgan ishga tushirishlar sizda qoladi.

Boshlashdan oldin

Savollar.

Broomni mahsulotiga yoʻnaltirishdan oldin odamlar nimani soʻrashadi. Javob maʼlumotlaringiz yoki pulingizga tegsa, Maxfiylik siyosati va Shartlar buni toʻliq aytadi — kuchga ega boʻlgani ham aynan ular.

  • AI-slop nima?

    AI kod agenti mahsulotingiz qanday koʻrinishini unga hech kim aytmaganda chiqaradigan umumiy koʻrinish: u oʻqigan barcha interfeyslarning oʻrtachasi. Hech kim tanlamagan gradientlar, hamma narsa tabletka shaklida, nurlanishlar, siyrak bosh harflar, toʻqib chiqarilgan sharhlar. Bu kamdan-kam xunuk boʻladi — u shunchaki almashtirsa boʻladigan.

    AI-slop nima — batafsil
  • Bu bepul dizayn skilli yoki promptdan nimasi bilan farq qiladi?

    Bepul skill yoki prompt — umumiy maslahat: u har bir agentga bir xil narsani aytadi, shuning uchun u tekkan har bir mahsulot bir xil yangi koʻrinishga siljiydi — va brendingiz uning qoidalarini buzgan har joyda unga qarshi chiqadi. Broom mahsulotingizdan boshlaydi. U sizda bor tizimni oʻqiydi yoki qurayotganingiz uchun uni loyihalaydi va agentingizga oʻz nomlaringiz va raqamlaringizdagi komponentlar, tokenlar va skilllarni, hamda agent oʻz ishida ishga tushiradigan tekshiruvni beradi.

  • U qaysi kod agentlari bilan ishlaydi?

    Loyihaning yoʻriqnoma fayllarini oʻqiydigan istalgan agent bilan. Paketda Claude Code uchun CLAUDE.md, AGENTS.md — uni Cursor, Codex, GitHub Copilot, Gemini CLI, Windsurf va boshqa koʻplab agentlar oʻqiydi — hamda .cursorrules bor. Ular agentni skilllar, komponentlar va tokenlarga yoʻnaltiradi — hammasi repozitoriyingizdagi oddiy fayllar.

  • Menda allaqachon dizayn tizimi boʻlsa-chi?

    Unda uni saqlaymiz. «Faqat AI-slopni olib tashlash»ni tanlang: Broom tizimingizni mahsulotning oʻzidan oʻrganadi va slop deb undan umumiy standartlar tomon chetlashishni hisoblaydi — shuning uchun binafsha brend, ataylab tanlangan tabletka yoki siz eʼlon qilgan blur aynan siz qaror qilgandek qoladi.

    Sizga qaytadigan qoidalar tokenlaringiz, komponentlaringiz va raqamlaringizni kodingiz allaqachon ishlatadigan import yoʻllari bilan nomlaydi.

  • Qaysi steklar uchun kod yozasiz?

    React + Tailwind, Next.js + Tailwind, Vue, Svelte va React Native komponent fayllari sifatida chiqadi — har bir variant, har bir holat, klaviatura yoʻli va foydalanish qulayligi atributlari.

    HTML + CSS, Flutter, SwiftUI va Jetpack Compose platformaning oʻz tilidagi tokenlar va har bir komponent uchun nima qurishni tavsiflovchi sahifa sifatida chiqadi. Bir nechta stek tanlasangiz, qoʻshimchalari birinchisining yonida, tizimning oʻsha tavsifidan qurilgan holda paydo boʻladi.

  • Kodimga nima boʻladi?

    Repozitoriyingiz nusxasini saqlamaymiz. Standart tarmoqning bitta arxivini yuklab olamiz, ishga tushirish davomida fayllar matnini xotirada ushlab turamiz va u tugagach tashlab yuboramiz.

    Natijada biz unda topgan narsalar qoladi: ranglar, shriftlar, oʻlchamlar, burchaklar, oraliqlar va komponent nomlari, har biri turgan fayl va satr bilan topilmalar hamda topilma koʻrsatgan satrlardan qisqa parchalar.

    Yopiq repozitoriyga kirish uchun kiritgan faqat oʻqish tokeningiz oʻsha bitta chaqiruv soʻrovlari uchungina ishlatiladi va keyin tashlab yuboriladi. U hech qachon maʼlumotlar bazasiga yozilmaydi, loglarga tushmaydi va brauzeringizga qaytarib yuborilmaydi.

  • GitHubni ulashim shartmi?

    Yoʻq. Ochiq repozitoriyga hech qanday ruxsat kerak emas. Shuningdek, ilovada loyiha papkasini yoki .zip faylini yuklashingiz yoki ilovadan olingan kalit bilan loyihada npx broom-design audit buyrugʻini ishga tushirishingiz mumkin — sirga oʻxshash fayllar kompyuteringizdan chiqmaydi. GitHubni ulasangiz, Broom faqat siz tanlagan repozitoriylarni va faqat oʻqish uchun oʻqiydi.

    Kodingiz bilan nima boʻladi
  • Bitta repozitoriyda bir nechta mahsulot boʻlsa-chi?

    Broom unda qaysi mahsulotlar borligini aniqlaydi — sayt va veb-ilova yoki alohida papkalardagi iOS va Android — va qaysi biri bilan ishlashni soʻraydi. Mahsulot bitta boʻlsa, ortiqcha qadam yoʻq.

  • Broom kodimni oʻzgartiradimi?

    Yoʻq. Paketdagi hech narsa sizda bor narsaning ustidan yozmaydi: komponentlar, tokenlar, hujjatlar va skilllar — hammasi yangi fayllar. Ular repozitoriyingiz bilan uchrashadigan yagona joy — CLAUDE.md yoki AGENTS.md, va ulardan biri allaqachon boʻlsa, biznikini uning oʻrniga emas, oxiriga qoʻshasiz.

    Kodingizni ularni oʻqib chiqqandan keyin agentingiz oʻzgartiradi, va bu kommitni koʻrib chiqish hamon sizning ishingiz.

  • Maʼlumotlarimda model oʻqitasizmi?

    Yoʻq. Na model, na qoʻshimcha oʻqitish, na baholash toʻplami. Kodingiz va dizayningiz Broomni boshqa hech kim uchun yaxshilamaydi.

    Yozishni bitta model bajaradi: Google Gemini, uni oʻz Google Cloud loyihamizda Google Vertex AI orqali chaqiramiz. Ishlayotgan xizmat boshqa hech qanday model provayderiga murojaat qilmaydi, agar bu qachondir oʻzgarsa, oldindan Maxfiylik sahifasida aytamiz. Googleʼning Vertex AI uchun shartlarida aytilishicha, Google mijozlar xizmatga yuborgan narsalardan oʻz modellarini oʻqitishda foydalanmaydi.

  • Ishga tushirish qancha davom etadi?

    Oʻzimizning ishga tushirishlarimizda Figma handoff 8 soniyada, brif boʻyicha tizim 23 soniyada, repozitoriyning toʻliq auditi esa taxminan ikki yarim daqiqada tugadi. Kattaroq repozitoriy koʻproq vaqt oladi; aniq raqam vaʼda qilmaymiz.

  • Nima bepul va nima uchun toʻlayman?

    Koʻrish bepul: istalgan xizmatdan 3 ta ishga tushirish, kartasiz, va har bir natija ekranda koʻrsatiladi — baho, topilmalar, Before / After va dizayn tizimi. Natijani agentingizga olib ketish uchun toʻlaysiz: qoidalar, skillar, komponentlar va tokenlar paketi.

    Bitta loyiha — bir marta $10: uning paketi butunlay, barcha versiyalari bilan, va 30 kun ichida unda yana 3 ta ishga tushirish. Pro — oyiga $30: barcha loyihalar ochiq va oyiga 20 ta ishga tushirish. Muvaffaqiyatsiz ishga tushirish oʻzi qaytadi; qayta ishga tushirish — yana bitta ishga tushirish.

  • Natija kimga tegishli?

    Sizga. Komponentlar, tokenlar, hujjatlar, skilllar, qoidalar fayllari va hisobot sizniki: foydalaning, oʻzgartiring, chiqaring va ular bilan qurganingizni soting. Muallifni koʻrsatish talab qilinmaydi, kuzatiladigan litsenziya yoʻq va siz quradigan mahsulotga daʼvo qilmaymiz.

    Bizniki boʻlib Broomning oʻzi qoladi — dvigatel, uning ortidagi did, detektor va promptlar. Natija ham faqat sizga xos emas: oʻxshash brifli boshqa mijoz oʻxshash narsa olishi mumkin, va buning aksini vaʼda qilmaymiz.

  • Bekor qilsam va pulni qaytarib olsam boʻladimi?

    Istalgan vaqtda, ilovada: toʻlov ekranidan rejalarni oching va Pro’dan «Bepul» rejaga oʻting. Toʻlangan oydan keyin hech narsa yangilanmaydi, qolgan ishga tushirishlar sizda qoladi va Pro’da ochgan barcha loyihalaringiz ochiq qoladi. Alohida sotib olingan loyiha — bir martalik toʻlov, uni bekor qilish shart emas. Rasmiy sotuvchi — Dodo Payments, shuning uchun karta ularning mijoz portalida almashtiriladi, uni toʻlov ekrani ochadi.

    Pulni qaytarish uchun toʻlovdan keyin 14 kun ichida support@broom.design manziliga yozing, biz Dodoʼdan pulni qaytarishni soʻraymiz. Muvaffaqiyatsiz ishga tushirish hech narsa turmaydi — u oʻzi qaytadi — lekin ishlatilgan ishga tushirishlar qaytarilmaydi.

  • Maʼlumotlarim qayerda saqlanadi va ulardan qanday qutulaman?

    Maʼlumotlar bazasi — Frankfurtdagi Firestore, API esa Belgiyadagi Cloud Runda ishlaydi, ikkalasi ham Yevropa Ittifoqi ichida. Undan tashqariga ikki narsa chiqadi: model chaqiruvlari Googleʼning global endpointiga boradi, shuning uchun soʻrov Yevropadan tashqarida bajarilishi mumkin, toʻlov provayderi esa maʼlumotlarni Yevropa iqtisodiy hududidan tashqarida oʻz shartlari asosida qayta ishlaydi.

    Akkauntni oʻchirish shunchaki belgi qoʻymaydi, haqiqiy kaskadni ishga tushiradi: loyihalaringiz, ular bilan birga brif, tizim, versiya va komponentlari, soʻng vazifalaringiz, toʻlov yozuvlaringiz, profilingiz va kirishning oʻzi oʻchiriladi. Faqat akkaunt identifikatori va sana saqlangan bitta yozuv qoladi, boshqa hech narsa — qayta roʻyxatdan oʻtganda bepul sinov ikkinchi marta berilmasligi uchun.

  • Broomdan telefonda foydalansam boʻladimi?

    Broom kompyuter uchun yaratilgan. Telefon yoki planshetda u noutbukda ochish uchun havolali eslatmani koʻrsatadi; bu sayt esa istalgan qurilmada oʻqiladi.

  • Broomdan oʻz mamlakatimda foydalansam boʻladimi?

    Yevropa iqtisodiy hududi, Buyuk Britaniya va Shveytsariyadan tashqari hamma joyda. Akkaunt yaratishda qaysi mamlakatda ekaningizni soʻraymiz va bu mamlakatlar uchun akkaunt ochmaymiz.

    Gap sizda emas, oʻzimizning hujjatlarimizda: bugun Broomni kompaniya emas, bitta odam yuritadi, bu mamlakatlarga toʻgʻri xizmat koʻrsatish esa kompaniya zimmasidagi narsalarni talab qiladi. U hozir tashkil etilmoqda. support@broom.design manziliga yozing — ochilganda xabar beramiz.

Agentingiz baribir interfeysni yozadi.

Unga oʻz standartlari oʻrniga sizning komponentlaringiz, tokenlaringiz va qoidalaringizni bering. Broomni repozitoriy yoki Figma faylga — yoki umuman hech narsaga — yoʻnaltiring va nima chiqqanini 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