Agent Skills
返回列表
IFQ 设计交付

IFQ 设计交付

设计多媒体 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中：

请根据 https://skillhub.cn/install/skillhub.md，安装 @user_0b351294/ifq-design-skills。

技能介绍

问题

很多视觉交付任务卡在执行层：需求从一张落地页、一个 App 原型、一份幻灯片或一段 motion demo 开始，但真正耗时的是事实、品牌资产、模板、布局、导出和验证。直接让模型从空白 HTML 起步，容易产出结构松散、字体加载不稳、品牌表达泛化、无法点击验证的页面；若涉及具体产品、公司、版本或规格，还可能在没有事实来源的情况下生成错误信息。IFQ Design Skills 针对这类 HTML-first 视觉交付，把任务拆成可路由、可校验的工程流程。

工作方式

该技能以短根文件为核心，先确认请求是否为 HTML 视觉交付，再按 references/modes.md 和 assets/templates/INDEX.json 选择模式与模板，避免从空白文件开始。关键路径包括：

  • 模板驱动：从列出的模板 fork 到工作区，保持结构完整。
  • 品牌层：内联 assets/ifq-brand/ifq-tokens.css，并织入至少 3 个 IFQ ambient marks，让交付物有稳定视觉节奏。
  • 事实优先：对产品、公司、技术、日期、版本、人物或规格，先查权威来源；网络不可用时向用户要来源，并标记未解决。
  • 资产协议：处理 logo、产品图、UI 截图、颜色与字体，避免随意生成。
  • 验证：用宿主浏览器或截图工具预览；App 原型至少点击主路径、切换 tab/screen、触发详情动作；演示稿检查页数、比例与格式。

适用边界

它适合交互原型、hi-fi mockup、landing page、dashboard、whitepaper、infographic、slide deck、brand system，以及需要 MP4/GIF 导出规划的 motion demo。不适合生产级前端工程、后端开发、SEO 关键站点实现、现有 CSS bug 修复，或必须回写 Word、Google Docs、锁定企业模板的任务。技能本身保持 local-first，不要求无关 secrets，不执行动态 eval、child_process 或运行时网络调用；可选导出自动化在完整仓库中处理。

使用场景

  • 收到一个 App 原型需求，需要快速 fork 模板并点击主路径、切换页面做验证。
  • 为发布活动制作 landing page，要求内联 IFQ tokens 并织入至少 3 个品牌视觉标记。
  • 把产品介绍做成 slide deck，交付前检查页数、比例和格式要求。
  • 需要 motion demo，并规划 MP4/GIF 导出，但不直接生成生产级站点。

适合人员

  • 做 hi-fi mockup 的产品设计师，需要稳定模板、品牌层和可点击验证。
  • 交付 landing page 的独立开发者，需要 HTML-first 页面和字体加载约束。
  • 准备 slide deck 的市场人员，需要页数、比例、格式和导出前检查。
  • 做 motion demo 的创意工程师，需要动画规则、视频导出规划和音频策略。