IFQ Design Skills

Forks verified HTML templates for decks, dashboards and landing pages with a real lint gate

Tested · Works

Test report

Verdict
Tested · Works
Score
9.6/10
Tested
Jul 14, 2026
Environment
Claude Code 2.x (agent harness)
Upstream re-checked
Aug 10, 2026 · 1b1e4b3

Ran the bundled smoke test live (16/16 checks green) and then the real verify-lite linter against a forked portfolio landing page — it correctly caught an unfilled dynamic `data-ifq-year` attribute and failed the build until fixed, a defect the hand-written baseline HTML had no mechanism to catch at all.

Scored on four weighted criteria — install, triggering, output vs. baseline, docs. How scoring works

  • Installs cleanly 5/5
  • Triggers reliably 5/5
  • Output vs. baseline 9/10
  • Docs & honesty 5/5

What IFQ Design Skills does

Routes an HTML-first visual design request (landing page, deck, dashboard, infographic, business card, brand system, or motion/export job) to one of 12 built-in templates, fills it in, and verifies it with a bundled zero-install placeholder/IFQ-label linter before delivery. Triggers on concrete visual-deliverable requests and explicitly declines production frontend engineering, SEO sites, backend work, or pure copy edits. MP4/GIF/PDF/PPTX export is a separate opt-in tier requiring ffmpeg/Playwright.

How to install IFQ Design Skills

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

Skills live in ~/.claude/skills/ (global) or .claude/skills/ (per-project). Restart Claude Code after installing.

Commands — how to trigger IFQ Design Skills

  • /ifq-design-skills Forks verified HTML templates for decks, dashboards and landing pages with a real lint gate

It also activates on plain-language prompts like these:

  • 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

Frequently asked questions

Is the IFQ Design Skills skill free?
Yes. The skill itself is free from peixl/ifq-design-skills. SkillProof publishes the install command and an independent test verdict at no cost.
Does IFQ Design Skills work with Claude Code?
We tested it with Claude Code 2.x (agent harness) on Jul 14, 2026. Verdict: Tested · Works. Ran the bundled smoke test live (16/16 checks green) and then the real verify-lite linter against a forked portfolio landing page — it correctly caught an unfilled dynamic `data-ifq-year` attribute and failed the build until fixed, a defect the hand-written baseline HTML had no mechanism to catch at all.
What is the IFQ Design Skills SkillProof Score?
9.6/10 — installs cleanly 5/5, triggers reliably 5/5, output vs. baseline 9/10, docs & honesty 5/5.
How do I install IFQ Design Skills?
Copy the install command from this page, run it in your terminal, and restart Claude Code. Skills live in ~/.claude/skills/ (global) or .claude/skills/ inside a project.
Can I use IFQ Design Skills with Cursor, Copilot, Gemini CLI, Codex or other AI tools?
The SKILL.md format is native to Claude (Claude Code, Desktop, claude.ai). The instructions inside adapt to other assistants: Cursor rules, GitHub Copilot instructions, Windsurf rules, Custom GPTs, AGENTS.md for OpenAI Codex, and GEMINI.md for Google Gemini CLI — our conversion guides cover each, and the free converter on the tools page does the wrapping for you.