Interface Lab 资源库
素材页把真实视觉材料接入项目工作流。
素材页集中管理图片、链接、文档和视觉引用,让生成链路带着真实材料和明确区域角色继续工作。
素材
素材输入层:把图片、链接、文档和视觉引用变成生成时可理解的上下文。
Aura 资产图像
像使用 Unsplash 一样搜索 Aura 素材,精选 5 个高质量直链图片,并在可用时优先使用更高分辨率版本。
像使用 Unsplash 一样搜索 Aura 素材,精选 5 个高质量直链图片,并在可用时优先使用更高分辨率版本。Pro资产 · 0Pro落地页质量与真实资产
约束落地页首屏产品信号、真实图像资产、CTA、信任模块、媒体比例、alt 文本和授权风险。
约束落地页首屏产品信号、真实图像资产、CTA、信任模块、媒体比例、alt 文本和授权风险。Pro资产 · 0Pro组件库适配入库判断
在引入 Radix、shadcn、Headless、Material、Fluent、Carbon、Spectrum、GOV.UK、USWDS 等资源前,评估授权、品牌语气、技术栈、主题映射和前端维护成本。
先读取项目已有组件、tokens、CSS 变量、Tailwind/shadcn/Radix 配置、依赖树和设计系统文档;不要因为看到好看的组件库就叠加第二套体系。Pro资产 · 0Pro首屏背景视频治理
为网页首屏、品牌页和背景 b-roll 选择、授权、优化并实现可访问的 stock video,覆盖署名、release 风险、poster、暂停控制和 reduced-motion。
适用场景:landing hero、品牌页、作品集首屏、案例页、活动页、背景 b-roll、Coverr/Mixkit/Pexels 视频素材;输入必须包含页面角色、视频角色、来源或搜索词、商用语境、目标视口和是否自动播放。Pro资产 · 0Pro素材授权入库
为字体、图标、图案、插画、Lottie、UI kit 等素材建立来源、授权、商用、归因、安装和 RAG 关键词记录。
入库前先确认素材级授权,不只看平台授权;Iconify、LottieFiles、聚合型字体/图标站必须逐 collection 或逐文件确认。Pro资产 · 0Pro素材署名展示面
为 CC BY、自定义许可、图片、图案、插画、Lottie、地图等素材设计可见署名、来源链接、修改说明和导出保留规则。
输入必须包含:素材清单、使用页面/导出物、license 名称、作者/标题/来源/许可证链接、是否修改、商用语境和是否需要 no-endorsement 提示。Pro资产 · 0Pro字体交付治理
为 Web/UI 字体建立授权确认、加载方式、自托管/CDN 选择、fallback、性能和多语言交付清单。
输入必须包含:目标语言/script、UI 角色(body/display/mono/CJK fallback)、需要的 weights/styles、目标框架、隐私/合规约束、离线/内网要求和性能预算。Pro资产 · 0Pro图标来源治理
为产品图标、品牌 logo 和聚合 SVG 资源建立主图标集选择、授权/商标确认、导入策略和可访问命名规则。
输入必须包含:产品语气、UI 密度、图标角色(导航/动作/状态/品牌/空状态)、尺寸、现有图标集、技术框架和是否需要真实品牌 logo。Pro资产 · 0Pro品牌 Logo 使用审计
审计集成页、客户墙、支付方式、社交登录和技术栈徽章中的品牌 Logo 使用目的、商标指南、背书风险和可访问命名。
输入必须包含:品牌列表、使用位置、真实关系(集成/客户/伙伴/支付/登录/技术引用)、logo 来源、是否商用、页面文案和目标设备。Pro资产 · 0Pro生成素材来源记录
为 AI 生成图像、视频、插画、纹理和 mockup 入库记录生成链路、参考输入、编辑历史、权利风险和 RAG 检索元数据。
生成素材不是无来源素材;入库前必须记录工具/模型、生成日期、prompt 摘要、参考输入、输入素材权利、编辑/放大/裁切历史和最终文件路径。Pro资产 · 0Pro图片与 3D 素材引用入库
为开放图片、照片、NASA/Wikimedia/Openverse 媒体、HDRI、PBR 纹理、glTF/GLB 和 3D 模型建立引用、授权、优化和前端接入记录。
输入必须包含:资源用途(hero/detail/background/evidence/3D scene/test model)、页面语境、是否商用、目标输出格式、目标尺寸/帧率/设备、来源候选链接和是否涉及人物/品牌/地点。Pro