225 skills · sorted by relevance
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.
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.
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.
The English summary is being prepared. Showing the original description.
Create logos, business card mockups, HTML presentations, banners, social images, and SVG icons. Define shared brand colors and typography, then carry those choices into visual assets and interface styling.
Explore a screen design through two or three interactive HTML mockups. Compare distinct layouts, information density, and visual approaches, with notes on each option’s strengths and trade-offs to help choose a direction before implementation.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
The English summary is being prepared. Showing the original description.
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
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.