Avoid AI Design

Audytuj i przepisz interfejs użytkownika frontendu, aby usunąć ogólne cechy projektowe AI

Autor: funboy322 · funboy322/avoid-ai-design

Testowano · Działa ★ 9.2/10

Avoid AI Design — Audytuj i przepisz interfejs użytkownika frontendu, aby usunąć ogólne cechy projektowe AI

Co robi ten skill

Umiejętność przeglądu projektu frontendu, która audytuje HTML/CSS i React/Tailwind/shadcn pod kątem wzorców, które sprawiają, że interfejs użytkownika wygląda na generowany przez AI, a następnie przepisuje go wokół jednego ustalonego kierunku estetycznego. Uruchamia się na 'de-slop this UI', 'make this look less AI-generated' lub 'audit for AI design tells'. Dostarcza katalog ponad 40 cech z ważnością P0/P1/P2 plus tryb tylko wykrywania i zabezpieczenie przed domyślnymi ustawieniami drugiego rzędu.

Raport z testu

Przetestowano na 'AI-slop hero' (gradient indygo-fiolet, nagłówek gradient-clip, glassmorphism, Inter, emoji, 'Elevate Your Workflow', strzałka CTA): dołączony katalog ponad 40 cech pozwolił oznaczyć dziesięć nazwanych problemów z ważnością P0/P1, a następnie wymusił zobowiązanie do jednego nazwanego kierunku estetycznego. Jego jawne zabezpieczenie przed 'domyślnymi ustawieniami drugiego rzędu', takimi jak Space Grotesk i ciepłe, papierowe czcionki szeryfowe, zapobiega dokładnie pułapce, w którą wpadł baseline bez umiejętności, który nieformalnie wychwycił około czterech cech i sięgnął po ogólny zamiennik. Katalog referencyjny jest niezwykle rygorystyczny, cytując badanie Playwrighta na około 1400 stronach z podanym wskaźnikiem fałszywie pozytywnych.

Testowano: 2026-07-19 · Claude Code 2.x (agent harness)

Instalacja

git clone https://github.com/funboy322/avoid-ai-design
mkdir -p ~/.claude/skills
cp -r avoid-ai-design ~/.claude/skills/avoid-ai-design

Komendy i przykładowe prompty

  • /avoid-ai-designAudytuj i przepisz interfejs użytkownika frontendu, aby usunąć ogólne cechy projektowe AI

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

  • De-slop this hero section, it looks way too AI-generated.
  • Audit this component for AI design tells and fix them.
  • Make this landing page look less like generic AI-generated design.