“mockup”的搜索结果

Visualize a logo, sketch, or design on products such as mugs, shirts, and business cards. Review a pilot image, generate a visually consistent set, and collect the results on a shareable Firefly Board.

中文简介正在准备中。当前显示英语简介。

• Preview a logo on mugs and shirts
• Turn a hand-drawn sketch into product mockups
• Create consistent brand presentation images

Create screen mockups at three levels: text wireframes, standalone HTML files, or working prototype pages. Use requirements, existing app styles, and real project data to show layouts and interactions for review or testing.

中文简介正在准备中。当前显示英语简介。

• Sketch screen layouts while writing requirements
• Deliver HTML mockups alongside requirements
• Test interactions with existing components

Use to create, update or run the spec-animation mockup under lean/mockup — "run the mockup", "show the model on a screen", "try this scenario", "demo for the expert", "save a golden" — and to build the domain-language screens that let the expert review the model without reading JSON. The mockup executes the Lean model as-is; no logic in JS.

中文简介正在准备中。当前显示原文说明。

制作标志、名片效果图、HTML幻灯片、横幅、社交媒体图片和SVG图标，并制定品牌配色与字体规则，将其应用到素材和界面设计中。

• 制作标志和名片效果图
• 为多个社交平台准备图片
• 制作HTML提案幻灯片

为比较界面设计方向，制作两至三个可交互的HTML原型。通过布局、信息密度和视觉风格的差异，以及各方案的优点和不足，帮助确定实施前的设计方案。

• 实施前比较界面布局
• 比较信息密度与留白
• 制作筛选器和面板交互原型

生成照片风格图像、插画和产品效果图，也可替换现有图像的背景、移除多余物体或制作透明背景，并根据参考图探索不同方案。

• 制作网站主视觉图
• 预览产品或包装的成品效果
• 移除多余物体或替换背景

将移动应用的界面方案和操作流程制作成图像，结合iOS、Android等平台特点，统一文字大小、配色和多屏视觉风格，并兼顾阅读体验与操作衔接。

• 用多屏图像展示应用构想
• 规划首次使用引导界面
• 设计登录与账号恢复界面

通过Google Gemini的图像生成API创建界面效果图、图标和插画等视觉素材，可用于构思屏幕外观或准备项目所需的图片。

• 制作界面效果图
• 生成设计所需的图标
• 为作品生成插画

这是介绍图像生成与编辑技能的目录条目，使用OpenAI的Image API制作界面模型、图标、插画、社交媒体卡片及视觉参考资料。

• 制作界面模型图
• 生成图标和插画
• 准备社交媒体卡片图

为新品牌或产品从零构建设计系统，整理共同遵循的设计规则，探索原创表达，并制作贴近实际产品的模型，以便讨论设计方向与成品效果。

• 从零创建新品牌
• 开展设计启动工作坊
• 新建设计系统

通过fal.ai根据文字或图像生成3D模型，用于游戏素材、增强现实预览、产品样机效果和立体造型构思，可按现有材料选择输入方式。

• 生成游戏用3D素材
• 制作增强现实预览模型
• 制作产品样机效果

将图表、关系图、表格、报告和界面模型制作成HTML页面，直接显示在Orca聊天中，为文字回答补充可视化说明，帮助比较数值、解释信息关系和界面布局。

• 用图表比较数值
• 用关系图解释信息之间的联系
• 在聊天中展示表格和报告

Create and prepare marketing images for blogs, social posts, product showcases, and banners. Choose suitable generation or design tools, plan prompts and layouts, and optimize image dimensions, formats, and file sizes for web use.

中文简介正在准备中。当前显示英语简介。

• Creating blog headers and social sharing previews
• Preparing social graphics and profile banners
• Building product mockups from real screenshots

Create breadboard layout diagrams with HTML5 Canvas to show electronic components and wire connections. Use the skill for LED circuits, 555 timers, and 6502 computer projects, with component references, labels, and color-coded wiring.

中文简介正在准备中。当前显示英语简介。

• Plan component placement for an LED circuit
• Draw a breadboard layout for a 555 timer
• Visualize wiring for a 6502 computer

Generate illustrations, icons, game textures, sprites, and mockups from written descriptions using OpenAI or Google Gemini. The skill selects an available provider, saves the resulting image, and reports its location.

中文简介正在准备中。当前显示英语简介。

• Generate icons or illustrations from descriptions
• Create game textures and sprites
• Make mockups to explore visual ideas

Explore interface ideas with disposable HTML mockups before implementation. Generate two or three variants to compare, get suggestions for what to explore next, and preserve design findings for future project work.

中文简介正在准备中。当前显示英语简介。

• Compare interface directions before implementation
• Build mockups quickly when the design direction is clear
• Find the next design idea to explore from existing sketches

Turn a development-ready feature's specifications, customer context, demand evidence, and mockups into a concise executive summary. Give sales, leadership, and engineering one shared document covering the problem, solution, key decisions, scope, dependencies, metrics, and audience-specific questions.

中文简介正在准备中。当前显示英语简介。

• Create a shared feature briefing for sales, leadership, and engineering
• Summarize customer needs and reasons to prioritize a feature
• Clarify key decisions, exclusions, and dependencies

Turn a selected screenshot, mockup, or generated image into a responsive website or web app. Recreate its layout and visual assets, implement core interactions, and compare the running result with the reference in a browser.

中文简介正在准备中。当前显示英语简介。

• Build an interactive prototype from a mockup
• Recreate a screenshot as a responsive web page
• Implement a mobile screen from a selected reference

Find images in Aura Assets for design mockups and marketing, including backgrounds, architecture, and portraits. Get five direct image URLs per category, with guidance on resolution, aspect ratio, and cropping for different placements.

中文简介正在准备中。当前显示英语简介。

• Finding background images for website heroes
• Choosing portraits for design mockups
• Selecting abstract images for mobile wallpapers

Display charts, tables, diagrams, mockups, demos, and reports directly in BB chat. Write a small HTML page in a reply or preview an HTML or Markdown file stored in the workspace or thread storage.

中文简介正在准备中。当前显示英语简介。

• Show charts and comparison tables in chat
• Preview screen mockups and interactive demos
• Display saved HTML reports

Create HTML design artifacts, including interface mockups, interactive prototypes, and slide decks, then preview and verify them. The skill also guides importing design references and building reusable design systems with shared styles and components.

中文简介正在准备中。当前显示英语简介。

• Creating interface mockups
• Exploring user flows with interactive prototypes
• Creating slides and exporting them to PowerPoint

Create a single HTML file to review a product’s appearance or test a working flow. The skill follows the product’s design context and supports responsive layouts, keyboard interaction, form validation, and relevant interface states.

中文简介正在准备中。当前显示英语简介。

• Review a proposed screen layout
• Test navigation and form interactions
• Compare desktop and mobile presentations

App Store and Google Play screenshot creation with exact platform specs. Covers iOS/Android dimensions, gallery ordering, device mockups, and preview videos. Use for: app store optimization, ASO, app screenshots, app preview, play store listing. Triggers: app store screenshots, aso, app store optimization, play store screenshots, app preview, app listing, ios screenshots, android screenshots, app store images, app mockup, device mockup, app gallery, store listing

中文简介正在准备中。当前显示原文说明。

Create, implement, or review legacy circuit mockups work with format, accessibility, performance, and visual-verification controls. Use when the requested deliverable depends on legacy circuit mockups.

中文简介正在准备中。当前显示原文说明。