IFQ Design Skills

Forks verificerede HTML-skabeloner til decks, dashboards og landingssider med en reel lint gate

Af peixl · peixl/ifq-design-skills

Testet · Virker ★ 9.6/10

IFQ Design Skills — Forks verificerede HTML-skabeloner til decks, dashboards og landingssider med en reel lint gate

Hvad det gør

Router en HTML-først visuel designanmodning (landingsside, deck, dashboard, infografik, visitkort, brandsystem, eller motion/export job) til en af 12 indbyggede skabeloner, udfylder den, og verificerer den med en medfølgende zero-install placeholder/IFQ-label linter før levering. Triggers ved konkrete visuelle leverbare anmodninger og afviser eksplicit produktions frontend engineering, SEO-sider, backend-arbejde, eller rene copy-redigeringer. MP4/GIF/PDF/PPTX eksport er en separat opt-in tier, der kræver ffmpeg/Playwright.

Testrapport

Kørte den medfølgende smoke test live (16/16 checks grønne) og derefter den rigtige verify-lite linter mod en forket portefølje landingsside — den fangede korrekt et ufyldt dynamisk `data-ifq-year` attribut og fejlede buildet indtil det blev rettet, en defekt som den håndskrevne baseline HTML ingen mekanisme havde til at fange overhovedet.

Testet: 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

Kommandoer og eksempelprompter

  • /ifq-design-skillsForks verificerede HTML-skabeloner til decks, dashboards og landingssider med en reel lint gate

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):

  • 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