IFQ Design Skills

Forkuje zweryfikowane szablony HTML dla prezentacji, pulpitów nawigacyjnych i stron docelowych z prawdziwą bramką lint.

Testowano · Działa ★ 9.6/10

Co robi ten skill

Kieruje żądanie projektowania wizualnego opartego na HTML (strona docelowa, prezentacja, pulpit nawigacyjny, infografika, wizytówka, system marki lub zadanie animacji/eksportu) do jednego z 12 wbudowanych szablonów, wypełnia go i weryfikuje za pomocą dołączonego linera placeholder/IFQ-label bez instalacji przed dostarczeniem. Uruchamia się na konkretne żądania dostarczalnych wizualnie elementów i wyraźnie odmawia inżynierii frontendowej produkcyjnej, stron SEO, pracy backendowej lub czystych edycji tekstu. Eksport MP4/GIF/PDF/PPTX to oddzielny, opcjonalny poziom wymagający ffmpeg/Playwright.

Raport z testu

Uruchomiono dołączony test dymny na żywo (16/16 testów zielonych), a następnie prawdziwy linter verify-lite na rozwidlonej stronie docelowej portfolio — poprawnie wykrył niewypełniony dynamiczny atrybut `data-ifq-year` i spowodował błąd kompilacji, dopóki nie został naprawiony, co było defektem, którego ręcznie napisany bazowy HTML nie miał mechanizmu do wykrycia.

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

Instalacja

git clone https://github.com/peixl/ifq-design-skills
cd ifq-design-skills
mkdir -p ~/.claude/skills
cp -r . ~/.claude/skills/ifq-design-skills

Komendy i przykładowe prompty

/ifq-design-skillsForkuje zweryfikowane szablony HTML dla prezentacji, pulpitów nawigacyjnych i stron docelowych z prawdziwą bramką lint.

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

Build a landing page for our data-viz portfolio from a template
Fork a dashboard template and fill it with my real content
Turn this template into a business card design and verify it

Pełny raport →