---
name: IFQ Design
slug: ifq-design-2
category: Frontend
description: IFQ Design routes prompts into templates and verification to produce shippable HTML design artifacts. Use it for prototypes, mockups, slide decks, motion demos, and similar visual deliverables, with export only when requested.
github: "https://github.com/peixl/ifq-design-skills/tree/main/.well-known/agent-skills/ifq-design-skills"
language: HTML
stars: 24
forks: 8
install: "npx degit https://github.com/peixl/ifq-design-skills/tree/main/.well-known/agent-skills/ifq-design-skills ~/.claude/skills/ifq-design-skills"
installs_to: ~/.claude/skills/ifq-design-skills
source_path: .well-known/agent-skills/ifq-design-skills/SKILL.md
collection_size: 2
category_size: 567
collection_url: "https://dirskills.com/collections/peixl/ifq-design-skills"
added: 2026-08-12T04:43:55.906Z
last_synced: 2026-08-12T04:43:55.906Z
canonical_url: "https://dirskills.com/skills/ifq-design-2"
---

# IFQ Design

IFQ Design routes prompts into templates and verification to produce shippable HTML design artifacts. Use it for prototypes, mockups, slide decks, motion demos, and similar visual deliverables, with export only when requested.

**Install:**

```bash
npx degit https://github.com/peixl/ifq-design-skills/tree/main/.well-known/agent-skills/ifq-design-skills ~/.claude/skills/ifq-design-skills
```

## README

# IFQ Design Skills — Well-Known Stub

This stub exists so hosts serving this repository as a static site expose a
spec-compliant `.well-known/agent-skills/` endpoint. The short root router,
templates, references, and scripts live in the root of the repository at
<https://github.com/peixl/ifq-design-skills>.

## Install the full skill

```bash
# via skills.sh CLI (recommended)
npx skills add peixl/ifq-design-skills

# OpenClaw / ClawHub
openclaw skills install peixl/ifq-design-skills

# Hermes
hermes skills install github:peixl/ifq-design-skills

# or clone directly for shared local agents
git clone https://github.com/peixl/ifq-design-skills ~/.agents/skills/ifq-design-skills
```

After installing, read the root [SKILL.md](https://github.com/peixl/ifq-design-skills/blob/main/SKILL.md)
for routing, then load the task-specific files under `references/`. The core
loop is zero-install: fork a template, run `npm run verify:lite -- <file.html>`,
and run `npm run preview -- <file.html>`.

First run should produce a visible HTML artifact, not setup work. Report the
file path, route, template, verification result, and use-affecting caveats.
Claim MP4/GIF/PDF/PPTX only after the user asks for export and the matching
command has passed.