'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 제안 슬라이드 제작

화면 디자인을 비교할 수 있도록 조작 가능한 HTML 시안을 두세 개 만듭니다. 레이아웃과 정보량의 차이, 각 안의 장단점을 살펴 구현 전에 방향을 정합니다.

• 구현 전 화면 레이아웃 비교
• 정보량과 여백의 차이 확인
• 필터와 패널 조작 시안 제작

Create photos, illustrations, product mockups, and other bitmap images, or edit existing images by replacing backgrounds, removing objects, and making transparent cutouts. Use reference images to guide style, composition, or visual variants.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Create a website hero image
• Explore product or packaging mockups
• Remove objects or replace an image background

Generate visual assets through Google Gemini's image generation API, including interface mockups, icons, and illustrations. The supplied entry helps agents discover the skill; running the full workflow requires installing the upstream bundle.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Creating visual mockups of an interface
• Generating icons for a design
• Creating illustrations for visual materials

Generate mobile app screen concepts and connected screen flows for iOS, Android, or cross-platform products. The skill emphasizes readable text, consistent colors and navigation, and clean phone mockups. It produces images rather than implementation code.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Visualizing an app concept across several screens
• Designing a first-time user introduction flow
• Exploring sign-in and account recovery screens

Generate and edit project images with OpenAI's Image API, including UI mockups, icons, illustrations, social cards, and visual references. This catalog entry helps agents discover the skill; the complete workflow requires installing the upstream bundle.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Creating UI mockup images
• Generating icons and illustrations
• Preparing social card images

Build a design system, a shared set of design rules, from scratch and create realistic product mockups. Use it for kickoff workshops or new brand development, with room to explore bolder creative choices.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Developing a new brand from scratch
• Running a design kickoff workshop
• Building a design system from the ground up

Generate 3D models from text descriptions or images through fal.ai for game assets, augmented reality previews, product mockups, and concept sculpting. This catalog entry points agents toward the upstream bundle needed for the full workflow.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Generating 3D assets for a game
• Creating models for augmented reality previews
• Making product mockups

Create HTML visuals that appear directly inside an Orca chat reply. Use charts, diagrams, tables, reports, or mockups to explain an answer visually, with styles, scripts, and data included in each page.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Comparing numbers with an inline chart
• Explaining relationships with a diagram
• Displaying a table or report in chat

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

Direct-invocation specialist for polished, responsive, self-contained HTML mockups and interactive prototypes grounded in the user's conversation, product context, and design language. Use when the user explicitly invokes html-prototype or the broad html skill routes a mockup or prototype request here. Do not activate independently from a general request. Treat a mockup as a noninteractive fidelity mode within this skill, not as a separate skill.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Design and build runnable iOS UI mockups in SwiftUI, including UI direction, multiple visual or interaction variants, realistic sample data, state switching, Xcode Previews, and Simulator validation. Use when the user wants to explore what an iOS screen should look like, compare SwiftUI UI ideas, create a clickable native prototype, validate an app flow before production implementation, or asks for a SwiftUI mock, iOS mockup, native prototype, 画面モック, UI案, SwiftUIで動くモック, or 実際に触れるiOSモック.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

PRD 到 UI 线框 / 结构阶段：当需要把 PRD 的界面定义先转成 screen inventory、状态模型、ASCII 布局、低保真 HTML mockup， 并先确认结构/状态而不是视觉 polish 时使用。这个 Skill 只负责 UI mockup 的结构阶段；如果用户要高保真、真实前端项目对齐、 project-native preview、component map、implementation notes 或“开发完全复刻”，必须转用 ui-mockup-desktop-workbench。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.