IFQ Design Skills

Forka template HTML verificati per deck, dashboard e landing page con un vero gate di lint.

di peixl · peixl/ifq-design-skills

Promosso ★ 9.6/10

IFQ Design Skills — Forka template HTML verificati per deck, dashboard e landing page con un vero gate di lint.

Cosa fa

Instrada una richiesta di design visivo HTML-first (landing page, deck, dashboard, infografica, biglietto da visita, sistema di brand o lavoro di motion/export) a uno dei 12 template integrati, lo compila e lo verifica con un linter placeholder/IFQ-label incluso a installazione zero prima della consegna. Si attiva su richieste concrete di deliverable visivi e rifiuta esplicitamente l'ingegneria frontend di produzione, siti SEO, lavoro di backend o pure copy edit. L'export MP4/GIF/PDF/PPTX è un livello opt-in separato che richiede ffmpeg/Playwright.

Rapporto di test

Eseguito il smoke test incluso live (16/16 controlli verdi) e poi il linter verify-lite reale su una landing page di portfolio forkata — ha correttamente rilevato un attributo dinamico `data-ifq-year` non compilato e ha fatto fallire la build fino alla correzione, un difetto che l'HTML baseline scritto a mano non aveva alcun meccanismo per rilevare.

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

Installazione

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

Comandi e prompt di esempio

  • /ifq-design-skillsForka template HTML verificati per deck, dashboard e landing page con un vero gate di lint.

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

  • 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