peixl/ifq-design-skills
Developer toolsこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
Agent-native design skill: ordinary prompts -> verified HTML-first prototypes, decks, dashboards, motion demos, and export-ready visuals.
概要
一句话进。 一份能发出去的页面出来。 做工像 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 validate 覆盖 smoke 的 14 项本地闸门（模板索引、references、脚本语法、安全不变量、secret hygiene、不可见 Unicode 控制符、自动安装脚本、默认 HTML 网络策略、well-known 规范）以及 12 模式 eval 契约。ClawHub / VirusTotal 发布前按 references/marketplace-quality.md 线上复核，不上传私有素材。
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