🌐 English · 中文 · ifq.ai / 2026

IFQ Design Skills

Intelligence, framed quietly.

 一句话进。  一份能发出去的页面出来。  做工像 ifq.ai 亲手做的。 

立场  ·  安装  ·  快速上手  ·  对比  ·  双对象契约  ·  说给它听  ·  一页的解剖  ·  五个标记  ·  12 种模式  ·  六层骨架  ·  验证  ·  社区  ·  许可

---

立场

很多 agent 被要求"做设计"时，会交出两类东西：过度装饰的模板感页面，或者 只是被排版过的说明文档。都不能发出去。

这个 skill 解决的就是这一件事。它不是配色文件，也不是一张 logo 贴纸。

它是一种 做工：把网页当编辑部版面排、把动画当预告片剪、把 PPT 当发布会母版做、把名片当印前 PDF 对齐出血位。

ifq.ai 的标识被埋在这份做工里。看第一眼是内容，第二眼才意识到：这是 ifq.ai 的手感。

---

安装

npx skills add peixl/ifq-design-skills

peixl/ifq-design-skills 是 GitHub 仓库短路径 → https://github.com/peixl/ifq-design-skills

装完直接对 agent 说话。skill 自己判断任务、自己路由模式、自己挑模板、自己跑验证。

核心链路零依赖：写 HTML → npm run preview -- <file> 打印 file:// 预览 URL → npm run verify:lite -- <file> 扫占位符。不需要装 Playwright、Chromium、Python、ffmpeg。只有当用户真的要导出 MP4 / PDF / PPTX 时，才用 npm run install:export 按需拉齐。

Marketplace proof：npm run validate 覆盖 smoke 的 14 项本地闸门（模板索引、references、脚本语法、安全不变量、secret hygiene、不可见 Unicode 控制符、自动安装脚本、默认 HTML 网络策略、well-known 规范）以及 12 模式 eval 契约。ClawHub / VirusTotal 发布前按 references/marketplace-quality.md 线上复核，不上传私有素材。

可回归的进化：evals/evals.json 覆盖 12 种模式，每条样例都同时写清 user_value 与 agent_contract，避免 skill 越改越会写文案、却越来越不会交付。npm run validate 会同时跑 smoke 与 eval 校验。

其他 agent 一键安装：

# Hermes（Nous Research）
hermes skills install github:peixl/ifq-design-skills

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

# Claude Code（personal）
git clone https://github.com/peixl/ifq-design-skills ~/.claude/skills/ifq-design-skills

# Codex CLI / OpenCode / 任何读取 AGENTS.md 的 agent
# 本仓库根已内置 AGENTS.md —— 克隆后 agent 自动认得
git clone https://github.com/peixl/ifq-design-skills

# 共享给所有 agent（推荐）
git clone https://github.com/peixl/ifq-design-skills ~/.agents/skills/ifq-design-skills

完整矩阵与工具映射：references/agent-compatibility.md。

60 秒快速上手：装完直接对 Agent 说话。3 个 one-liner 示例 → references/quickstart.md。

---

对比

能力	IFQ Design Skills	frontend-design	web-design-guidelines	pptx/pdf	impeccable
12 种设计模式路由	✓	—	—	—	—
可 fork 模板（非白纸生成）	✓ 12 个	部分	—	—	—
多格式导出 (MP4/GIF/PPTX/PDF/SVG)	✓	—	—	单格式	—
品牌融入层 (ambient marks)	✓ 5 个标记	—	—	—	—
零安装核心链路	✓	✓	✓	—	✓
事实核验协议	✓	—	—	—	—
20 场景 eval 回归	✓	—	—	—	—
反 AI slop 清单	✓	—	部分	—	✓
多 Agent 兼容 (8+ 运行时)	✓	✓	✓	✓	✓
安全审计 (零 spawn/eval/网络)	✓	✓	✓	✓	✓

IFQ 是唯一同时做 设计 + 多格式导出 + 品牌融入 的 Skill。

---

双对象契约

这个 skill 的增长目标不是让用户学会更复杂的提示词，而是让 AI agent 承担更多确定性工作。

对象	这里承诺什么	如何验证
人类用户	一句话能拿到可预览、可迭代、可导出的视觉产物	verify:lite + preview，导出时再跑对应 export gate
AI Agent	不猜路径：先判定模式，再 fork 模板，再读必要 reference，再交付	SKILL.md 短路由 + assets/templates/INDEX.json + 12 模式 eval
Marketplace	安装面清楚、依赖面克制、安全信号可机读	.well-known/**、metadata.openclaw.requires、npm run verify:publish
维护者	每次升级都能证明没有把 skill 改成只会写文案	npm run validate 同时跑 smoke 与 eval 契约

核心理念是：让 AI 发挥更大效能。人只表达目标、约束和审美偏好；agent 负责事实核验、路由、模板选择、版面生产、占位符清理、预览和导出准备。

---

给 AI agent（30 秒上手）