IFQ Design Skills

Forkt geverifieerde HTML-sjablonen voor decks, dashboards en landingspagina's met een echte lint gate

Door peixl · peixl/ifq-design-skills

Getest · Werkt ★ 9.6/10

IFQ Design Skills — Forkt geverifieerde HTML-sjablonen voor decks, dashboards en landingspagina's met een echte lint gate

Wat het doet

Routeert een HTML-first visueel ontwerpverzoek (landingspagina, deck, dashboard, infographic, visitekaartje, brandsysteem, of motion/exporttaak) naar een van de 12 ingebouwde sjablonen, vult deze in en verifieert deze met een gebundelde zero-install placeholder/IFQ-label linter vóór levering. Activeert bij concrete visuele-leveringsverzoeken en weigert expliciet productie frontend engineering, SEO-sites, backend-werk of pure copy-bewerkingen. MP4/GIF/PDF/PPTX export is een aparte opt-in laag die ffmpeg/Playwright vereist.

Testrapport

De gebundelde smoke test live uitgevoerd (16/16 checks groen) en vervolgens de echte verify-lite linter tegen een geforkte portfolio landingspagina — het ving correct een oningevuld dynamisch `data-ifq-year` attribuut op en liet de build mislukken totdat het was opgelost, een defect dat de handgeschreven baseline HTML helemaal niet kon opvangen.

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

Installatie

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

Commando's en voorbeeldprompts

  • /ifq-design-skillsForkt geverifieerde HTML-sjablonen voor decks, dashboards en landingspagina's met een echte lint gate

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • 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