IFQ Design Skills

Forkar verifierade HTML-mallar för presentationer, dashboards och landningssidor med en riktig lint-grind.

Testad · Fungerar ★ 9.6/10

Vad den gör

Dirigerar en HTML-först visuell designförfrågan (landningssida, presentation, dashboard, infografik, visitkort, varumärkessystem eller rörelse-/exportjobb) till en av 12 inbyggda mallar, fyller i den och verifierar den med en medföljande noll-installations-placeholder/IFQ-label-linter före leverans. Utlöses vid konkreta visuella leveransförfrågningar och avböjer explicit produktions-frontend-utveckling, SEO-sajter, backend-arbete eller rena copy-redigeringar. MP4/GIF/PDF/PPTX-export är en separat opt-in-nivå som kräver ffmpeg/Playwright.

Testrapport

Körde det medföljande smoke-testet live (16/16 kontroller gröna) och sedan den verkliga verify-lite-lintern mot en forked portfölj-landningssida — den fångade korrekt ett ofyllt dynamiskt `data-ifq-year`-attribut och misslyckades med bygget tills det åtgärdades, en defekt som den handskrivna baslinje-HTML:en inte hade någon mekanism för att fånga alls.

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

Installation

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

Kommandon och exempelprompter

/ifq-design-skillsForkar verifierade HTML-mallar för presentationer, dashboards och landningssidor med en riktig lint-grind.

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

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

Läs hela rapporten →