SI skill'lar, saytlar va ilovalar katalogiKutubxonam+ Taklif qilishTaklif

Impeccable skill

Impeccable — kodlash agentingizga dizayn "lug'ati" beradi: polish, bolder, critique, audit buyruqlari va AI slop'ni ushlaydigan detektor.

DizaynClaude CodeCursorCodexGitHub CopilotGemini CLIDevinReplit AgentGrok BuildOpenCodeGoogle AntigravityKiroTraeRovo DevQoderMistral VibePiHermes AgentDeepSeek HarnessApache-2.0Rust★ 107 361
GitHub'da ochish ↗

Tezkor o'rnatish

npx skills add https://github.com/pbakaus/impeccable

Terminalda ishga tushiring. npx uchun Node.js kerak. Boshqa usullar quyidagi qo'llanmada.

Impeccable nima

Impeccable — kodlash agentingiz uchun dizayn lug'ati. "Make it pop" kabi noaniq iboralar o'rniga bolder, quieter, polish, critique, audit kabi aniq buyruqlar beradi. Bundan tashqari, 62 ta deterministik qoidadan iborat "slop detektor" (LLM ham, API kalit ham kerak emas) Inter shrifti, binafsha-ko'k gradient, ichma-ich kartalar kabi odatiy AI belgilarini topadi. Frontend ustida ishlaydigan dasturchi va dizaynerlarga mos. Litsenziya: Apache-2.0.

O'rnatish

Loyiha ildizidan:

npx impeccable install

O'rnatuvchi sizning kodlash vositalaringizni topadi, loyiha yoki global o'rnatishni so'raydi va qo'llab-quvvatlansa, dizayn hook'ini taklif qiladi (rozilik bering). Keyin vositani qayta yuklang va agentda /impeccable init ishga tushiring (Codex'da $impeccable init).

Usul Buyruq Natija
npx npx impeccable install Skill va hook o'rnatiladi
Yangilash npx impeccable update Mavjud o'rnatish yangilanadi
Skriptda --providers=claude,codex,cursor va --scope=project|global Interaktivsiz o'rnatish
Claude Code plagin /plugin marketplace add pbakaus/impeccable Keyin /plugin orqali o'rnatiladi
Git submodule git submodule add https://github.com/pbakaus/impeccable vendor/impeccable, so'ng npx impeccable link --source=vendor/impeccable --providers=claude,cursor Jamoa uchun qotirilgan versiya
Qo'lda nusxalash skills/impeccable papkasini vositangizning papkasiga ko'chirish Node kerak emas (hook va subagent'siz)

Node faqat npx uchun kerak. Codex'da hook'ni /hooks orqali tasdiqlash kerak; Grok Build'da /hooks-trust; Hermes Agent'da hermes plugins enable impeccable-design-hook.

Ish jarayoni

  1. /impeccable init — loyihada bir marta; kodni o'qiydi, kerakli savollar beradi va PRODUCT.md yozadi.
  2. /impeccable document — mavjud vizual tizimni DESIGN.md ga yozadi.
  3. Buyruq va nishon bering: /impeccable critique the onboarding flow.
  4. Tuzatishlardan keyin polish bilan yakuniy o'tish qiling.

Asosiy buyruqlar

Jami 24 ta buyruq bor. /impeccable ni yolg'iz yozsangiz, ro'yxat chiqadi.

Guruh Buyruqlar Nima qiladi
Steer bolder, quieter, distill, colorize, typeset, layout, animate, delight, overdrive Dizayn yo'nalishini o'zgartiradi
Review critique, audit critique — ballar bilan UX tahlil; audit — texnik hisobot (P0–P3)
Finish polish, harden, clarify, adapt, optimize, onboard Yakuniy sayqal, xatolar, matn, qurilmalar, tezlik, birinchi ishga tushish
Iterate live live, generate Brauzerda variantlarni tanlash va yaratish
Plan/setup shape, init, document, extract Rejalash va kontekst fayllari

/impeccable pin audit tez-tez ishlatiladigan buyruqni /audit shortkatiga aylantiradi.

Amaliy misol

  1. Bitta komponentni tanlang: /impeccable critique the pricing cards.
  2. Reytingli tahlildan keyin: /impeccable bolder the pricing cards.
  3. Oxirida: /impeccable polish settings yoki /impeccable harden checkout.

Detektorni agentsiz ham ishlatish mumkin:

npx impeccable detect src/
npx impeccable detect https://example.com
npx impeccable detect --json .
npx impeccable detect --list-rules

Chiqish kodi 2 — topilmalar bor, 1 — nishonni skanerlab bo'lmadi. Brauzerda esa Chrome kengaytmasi mavjud.

Cheklovlar va maslahatlar

  • Tor nishon yaxshi natija beradi: bitta bo'limni diqqat bilan ko'rib chiqish butun sahifaga ko'z yugurtirishdan yaxshi.
  • Impeccable mavjud interfeyslarda eng kuchli; yangi sahifalarni ham quradi, lekin bu qiyinroq rejim.
  • Manba fayllar (JSX, TSX) uchun faqat pattern qoidalari ishlaydi; past kontrast kabi qoidalar uchun ishlayotgan sahifa URL'ini skanerlang (masalan npx impeccable detect http://localhost:5173).
  • Brend shriftiga ruxsat: npx impeccable ignores add-value overused-font Inter --reason "Brand font".
  • live rejimi faqat lokal nusxada ishlaydi; deploy qilingan saytga qo'shmang va production CSP'ni susaytirmang. Apply tanlansa, agent bo'lmasa codex yoki claude CLI'ni xavfsizlik tekshiruvlarisiz ishga tushirishi mumkin. IMPECCABLE_LIVE_COPY_AGENT=chat bilan buni chat sessiyasida ushlab turing yoki off bilan o'chiring.
  • Claude Code'da o'rnatilgan hook'lar model ruxsatidan tashqari ishlaydi; kuzatuvsiz ishga tushirishdan oldin ko'rib chiqing.
  • Telemetriyani o'chirish: npx impeccable telemetry off yoki DO_NOT_TRACK=1.
  • Muammo bo'lsa: /impeccable doctor.
  • PRODUCT.md va DESIGN.md ni repoda saqlang; .impeccable/ ichidagi vaqtinchalik fayllarni .gitignore ga qo'shing.

Manba

https://github.com/pbakaus/impeccable