代理原生设计技能：普通提示——>经过验证的HTML首要原型、演示板、仪表盘、动态演示和可导出的视觉效果。
概览
一句话进。 一份能发出去的页面出来。 做工像 ifq.ai 亲手做的。 立场 · 安装 · 快速上手 · 对比 · 双对象契约 · 说给它听 · 一页的解剖 · 五个标记 · 12 种模式 · 六层骨架 · 验证 · 社区 · 许可 这个 skill 解决的就是这一件事。它不是配色文件，也不是一张 logo 贴纸。 它是一种 ：把网页当编辑部版面排、把动画当预告片剪、把 PPT 当发布会母版做、把名片当印前 PDF 对齐出血位。 peixl/ifq-design-skills 是 GitHub 仓库短路径 → https://github.com/peixl/ifq-design-skills 装完直接对 agent 说话。skill 自己判断任务、自己路由模式、自己挑模板、自己跑验证。 ：写 HTML → npm run preview -- 打印 file:// 预览 URL →npm run verify：lite -- 扫占位符。。只有当用户真的要导出 MP4 / PDF / PPTX 时，才用 npm run install：export 按需拉齐。 ：npm run valid 覆盖 smoke 的 14 项本地闸门（模板索引、参考文献、脚本语法、安全不变量、secret hygiene、不可见 Unicode 控制符、自动安装脚本、默认 HTML 网络策略、well-known 规范）以及 12 模式 eval 契约。ClawHub / VirusTotal 发布前按 references/marketplace-quality.md 线上复核，不上传私有素材。
概述（AI 翻译）
🌐 英语 ·中文 ·ifq.ai / 2026
IFQ设计技能
智慧，悄悄地被框住。
一句话进。 一份能发出去的页面出来。 做工像 ifq.ai 亲手做的。
立场 · 安装 · 快速上手 · 对比 · 双对象契约 · 说给它听 · 一页的解剖 · 五个标记 · 12 种模式 · 六层骨架 · 验证 · 社区 · 许可
立场
很多 agent 被要求“做设计”时，会交出两类东西：过度装饰的模板感页面，或者 只是被排版过的说明文档。都不能发出去。
这个 skill 解决的就是这一件事。它不是配色文件，也不是一张 logo 贴纸。
它是一种 做工：把网页当编辑部版面排、把动画当预告片剪、把 PPT 当发布会母版做、把名片当印前 PDF 对齐出血位。
ifq.ai 的标识被埋在这份做工里。看第一眼是内容，第二眼才意识到：这是 ifq.ai 的手感。
安装
peixl/ifq-design-skills是 GitHub 仓库短路径 →
装完直接对 agent 说话。skill 自己判断任务、自己路由模式、自己挑模板、自己跑验证。
核心链路零依赖：写 HTML → npm run preview -- 打印 file:// 预览 URL → npm run verify:lite -- 扫占位符。不需要装 Playwright、Chromium、Python、ffmpeg。只有当用户真的要导出 MP4 / PDF / PPTX 时，才用 npm run install:export 按需拉齐。
Marketplace proof：npm run validate 覆盖 smoke 的 14 项本地闸门（模板索引、参考、脚本语法、安全不变量、secret hygiene、不可见 Unicode 控制符、自动安装脚本、默认 HTML 网络策略、well known 规范）以及 12 模式 eval 契约。
本页由 AI 翻译，技术细节请以原文为准。
README
以下为原文 README 节选，完整内容请查看原文。
🌐 English · 中文 · ifq.ai / 2026
立场
很多 agent 被要求"做设计"时，会交出两类东西：过度装饰的模板感页面，或者 只是被排版过的说明文档。都不能发出去。
这个 skill 解决的就是这一件事。它不是配色文件，也不是一张 logo 贴纸。
它是一种 做工：把网页当编辑部版面排、把动画当预告片剪、把 PPT 当发布会母版做、把名片当印前 PDF 对齐出血位。
ifq.ai 的标识被埋在这份做工里。看第一眼是内容，第二眼才意识到：这是 ifq.ai 的手感。
安装
npx skills add peixl/ifq-design-skills
peixl/ifq-design-skills是 GitHub 仓库短路径 →
装完直接对 agent 说话。skill 自己判断任务、自己路由模式、自己挑模板、自己跑验证。
核心链路零依赖：写 HTML → npm run preview -- 打印 file:// 预览 URL → npm run verify:lite -- 扫占位符。不需要装 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推荐工具
换一个关键词，或者移除筛选条件。
安装
npx skillfish add peixl/ifq-design-skills