IFQ Design Skills

What it does

IFQ Design Skills routes natural-language visual requests into a repeatable HTML-first delivery flow. It picks a mode and template, forks a verified HTML artifact into the workspace, runs lightweight verification (npm run verify:lite) and prepares optional exports (PDF/PPTX/MP4/SVG) when requested. The skill encodes verification and tiered export policies so agents deliver a smallest-viable, reviewable artifact on the first turn.

When to use it

Use this skill for interactive prototypes, high-fidelity mockups, landing pages, dashboards, slide decks, infographics, motion demos, brand systems, and any visual deliverable where an HTML-first artifact is acceptable. Do not use for production frontend engineering, backend work, or pure copy edits.

What's included

• Scripts: repository includes verification and preview commands (Tier 0 workflow: npm run verify:lite, npm run preview).
• References: mode definitions, template index, brand tokens and delivery rules are documented inside references/ and assets/.
• Instructions: the SKILL.md contains a 30-second load path, a routing decision tree, tier policy for exports, and explicit verification steps to produce a one-turn visible artifact.

Compatible agents

Designed to run on AgentSkills-compatible hosts (OpenClaw, ClawHub, Claude Code, Codex CLI, Cursor). The metadata lists node-based tooling for Tier 0 verification and optional Playwright/ffmpeg flows for exports.