IFQ Design Skills

Forks ověřených HTML šablon pro prezentace, dashboardy a landing pages s reálnou lintovací bránou.

od peixl · peixl/ifq-design-skills

Otestováno · Funguje ★ 9.6/10

IFQ Design Skills — Forks ověřených HTML šablon pro prezentace, dashboardy a landing pages s reálnou lintovací bránou.

Co umí

Směruje vizuální požadavek na design založený na HTML (landing page, prezentace, dashboard, infografika, vizitka, brandový systém nebo motion/export job) na jednu z 12 vestavěných šablon, vyplní ji a ověří ji pomocí přiloženého zero-install placeholder/IFQ-label linteru před dodáním. Spouští se při konkrétních požadavcích na vizuální výstupy a explicitně odmítá produkční frontend engineering, SEO weby, backendovou práci nebo čisté úpravy textu. MP4/GIF/PDF/PPTX export je samostatná volitelná vrstva vyžadující ffmpeg/Playwright.

Testovací report

Provedena přiložená smoke test živě (16/16 kontrol zelených) a poté reálný verify-lite linter proti forkované landing page portfolia — správně zachytil nevyplněný dynamický atribut `data-ifq-year` a selhal build, dokud nebyl opraven, což je vada, kterou ručně psaná baseline HTML neměla žádný mechanismus k zachycení.

Testováno: 2026-07-14 · Claude Code 2.x (agent harness)

Instalace

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

Příkazy a ukázkové prompty

  • /ifq-design-skillsForks ověřených HTML šablon pro prezentace, dashboardy a landing pages s reálnou lintovací bránou.

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

  • 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