Ifq Design Skills

Use this skill whenever the user asks for an HTML-first visual design deliverable or design judgment: interactive prototype, slide deck, motion demo, infographic, dashboard, landing page, whitepaper, changelog, business card, social cover, brand system, design critique, multi-variant exploration, or export to MP4, GIF, PPTX, PDF, or SVG. It is optimized to make AI agents do the routing, template selection, verification, and export prep so humans spend less time prompt-engineering. Do not use for production web apps, SEO sites, backend systems, or pure copy edits.

26 stars 8 forksDocuments & Office Files

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add peixl/ifq-design-skills --skill ifq-design-skills

Manual install

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

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# IFQ Design Skills

One prompt in -> shippable HTML out, with optional MP4 / GIF / PPTX / PDF / SVG export. This root file is a short router for OpenClaw, ClawHub, skills.sh, Hermes, Codex, Claude Code, Cursor, OpenCode, and other AgentSkills-compatible hosts. Load deeper files only when the task requires them.

## 30-Second Load Path

1. Confirm the request is a visual deliverable built from HTML. If it is not, exit this skill.
2. Pick the mode from [references/modes.md](references/modes.md), then read [assets/templates/INDEX.json](assets/templates/INDEX.json).
3. Fork a listed template into the user's workspace. Never start from a blank HTML file.
4. Inline [assets/ifq-brand/ifq-tokens.css](assets/ifq-brand/ifq-tokens.css) and weave at least 3 IFQ ambient marks from [references/ifq-brand-spec.md](references/ifq-brand-spec.md).
5. Verify with `npm run verify:lite -- <file.html>`, then `npm run preview -- <file.html>`.

## Human + Agent Promise

- Humans get a finished artifact path: HTML first, optional export only when requested, and no hidden setup.
- Agents get a short route: mode, template, must-read references, tier policy, and verification command.
- Maintainers get regression pressure: 12 mode evals, scanner-clean scripts, and marketplace metadata checks.
- Marketplaces get a readable package: one-line install, zero required env vars, explicit permissions, and no silent installs.

## First-Run Success Path

Read the full skill on GitHub

Details

Skill name: ifq-design-skills
Repository: peixl/ifq-design-skills
License: Apache-2.0
Repo updated: 10 September 2026

FAQ

What does the Ifq Design Skills skill do?

How do I install the Ifq Design Skills skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add peixl/ifq-design-skills --skill ifq-design-skills. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Ifq Design Skills popular?

It lives in peixl/ifq-design-skills, which has 26 GitHub stars and 8 forks.

Related skills

Zine Deck Maker

VigoZhao/zine-deck-maker

Create visually driven 7-8 page PDF zine decks from a topic, idea, product, trend, campaign, story, or brief using the bundled K-pop apocalypse ransom-zine style. Use for PDF/deck/PPT/slide/poster-zine requests that need content-relevant cutouts, distressed typography, torn paper, stickers, scan texture, and bottom masthead bands. Not for ordinary business decks, generic image prompts, single images, or unrelated visual styles.

Documents & Office Files

Gen Tb

gokeshenzhen/gen-tb-skill

Generate a complete UVM testbench scaffold for a single IP from its spec documents (docx/pdf/md) and register table (xlsx/csv/md/IP-XACT). Use whenever the user asks to "generate a UVM tb", "build a verification environment", "scaffold a testbench", "create a UVC", "set up DV for this IP", or anything equivalent in Chinese ("帮我生成验证环境", "搭一个 tb", "做 UVM 环境", "做这个 IP 的验证"). Also trigger when the user points at a directory containing an IP spec and asks Claude to "verify it" / "test it" without naming UVM explicitly. Produces a runnable UVM tb (APB / AHB-Lite / AXI4-Lite as first-class buses; oth

Documents & Office Files

Pdf2zh

haorantang1999/cc-pdf2zh-skill

PDF英文转中文翻译。使用PDFMathTranslate进行PDF文档翻译，保留公式、图表、布局。当用户提到PDF翻译、pdf2zh、英文PDF转中文、科学文档翻译时触发。

Documents & Office Files

Consulting Deck

zairuilab/consulting-deck

Create, revise, and audit executive-ready strategy-consulting presentations as native, editable PowerPoint files. Use when turning topics, text, Markdown, Word, PDF, spreadsheets, CSV data, URLs, research, or an existing PPTX into a board, client, strategy, transformation, market-analysis, or McKinsey-style consulting deck; when applying a brand or PowerPoint template; or when checking a deck's storyline, evidence, charts, layout, and visual quality.

Documents & Office Files

Book

chesley-veko/book_skill

用多 agent 工作流从零生成一整本【带设计感、可直接出 PDF 的书/教材/手册/读本】——含广泛调研定目录、逐章并行写作、每章主题插画、Typst 精排、事实核查与统稿。当用户想"写一本书/教材/手册/小册子/读本"、"把某个主题系统整理成一本书"、"做一本带封面和插画的 PDF 电子书"、"生成一本 XX 风格的书"，或提到 Anthropic 风格出版物排版时，主动使用本 skill——即使没明说"用 book skill"。多章节、需要统一设计与排版、要出 PDF 的长篇成书任务都该用它。不要用于：单篇文章/博客、PPT/幻灯片、海报、网页/落地页、单张图（那些另有工具）。

Documents & Office Files

Mydata Invoicing

palavogikos-collab/myDATA

Issue Greek invoices through AADE's timologio, get the MARK, keep one JSON per invoice, push it into the ERP (SAP Business One today; other adapters welcome) and email the PDF. Trigger on: τιμολόγιο, τιμολόγησε, έκδοση τιμολογίου, invoice, myDATA, timologio, MARK, ΤΠΥ, πελάτης ΑΦΜ, προεπισκόπηση τιμολογίου.

Documents & Office Files

Browse the most popular Claude skills, all documents & office files skills, or write your own with the skills generator.