IFQ Design Skills
Forks verified HTML templates for decks, dashboards and landing pages with a real lint gate
Test report
- Verdict
- Tested · Works
- Score
- 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-skillsForks 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.