Results for “display-glasses”

Implement Apple's Liquid Glass design system for iOS 26+ with dynamic glass materials, blur, reflection, and interactive morphing in SwiftUI, UIKit, and WidgetKit.

Implements Apple's Liquid Glass design system for iOS 26 apps, covering SwiftUI, UIKit, and WidgetKit integration with glass effects, morphing transitions, and customization.

Provides guidelines for developing projected Android XR apps for display glasses using the Jetpack Compose Glimmer UI toolkit. This skill covers foundational Glimmer design principles, workflows for implementing Jetpack Compose Glimmer, and interaction models for the glasses form factor. Use this skill to build an Android XR Augmented Experience app with Jetpack Compose Glimmer that adheres to the Glimmer design system for optimized glasses styling.

Use when asked for dark-mode glassmorphism cards, frosted dark hero sections, blur panels, or glass UI with gradient/glow borders via a pseudo-element mask. Prefer this over mengto-dark-glass-clean-layout when isolated glass cards/borders matter, not multi-column workspace shells; prefer over mengto-glass-dark-mode-clock when there are no clock dials; prefer over mengto-blue-laser-clean-glass-layout when gradient borders matter more than blue laser atmosphere.

Author a HyperFrames slideshow — a presentation, pitch deck, or interactive deck with discrete slides, fragment reveals, branching, hotspot navigation, and built-in presenter mode with speaker notes; also converts an existing page into a deck.

iOS 26 Liquid Glass design system — dynamic glass material with blur, reflection, and interactive morphing for SwiftUI, UIKit, and WidgetKit.

iOS 26 Liquid Glass design system — dynamic glass material with blur, reflection, and interactive morphing for SwiftUI, UIKit, and WidgetKit.

Use when building a dark glass sci-fi instrument UI with frosted shells, soft beam grids, and circular clock-like calibration dials. Prefer this over mengto-dark-glass-clean-layout when clock dials and instrument framing are the signature, not multi-column workspace shells; prefer over mengto-blue-laser-clean-glass-layout when dials matter more than a blue laser atmosphere; prefer over mengto-glass-dark-ui when calibration dials matter more than gradient-border glass cards.

Create a globe-like 3D particle visualization with a dense luminous spherical core and thinner orbital ring or flattened disc. Use when a design needs a premium planetary, orbital, synthesized data-globe effect rendered with real WebGL/Three.js particles, not generic starfields or full page layout changes.

Trains and fine-tunes vision models for object detection, image classification, and segmentation using Hugging Face Transformers on cloud GPUs, with automatic dataset validation and Hub persistence.

Renders UI content inside 3D iPhone and MacBook mockups using CSS transforms, with glass lens flares, ground reflection, and an optional turntable animation.

COCO: Microsoft COCO: Common Objects in Context

Build visually engaging scientific slide decks for conferences, seminars, defenses, and research talks with structured planning, design templates, and automated image generation.

Creates a presenter-mode deck with speaker notes, theme switching, and a popup teleprompter.

Creates a dark-themed presentation deck with gradient backgrounds, floating blur orbs, SVG force-directed graphs, and JetBrains Mono code highlighting.

Generates a complete set of multi-angle product shots — front, side, back, top-down, and 45-degree perspective — for comprehensive product visualization.

Use when a feature's screens and flows are drafted and the design phase needs a navigable wireframe — a multi-screen greyscale Astro prototype where buttons and links actually work, suitable for the design gate and moderated user testing. In the A-Team pipeline it is conducted by ateam-design and consumes design.md's

Looker Studio (formerly Google Data Studio) expertise. Build dashboards, design data visualizations, connect data sources, and create marketing reports. Use when the user asks about Looker Studio, Data Studio, marketing dashboards, data visualization, report building, or connecting analytics data sources.

Wilkinson, branchline, ratrace, directional couplers, corporate dividers, Rotman lenses for power splitting and beam-forming. TRIGGER: user asks to design, create, or analyze any coupler, splitter, power divider, combiner, or Rotman lens. Invoke BEFORE writing code — class names and design() availability vary per coupler type. SKIP: EM simulation/S-parameter extraction of an existing component (use matlab-analyze-em), building custom non-catalog geometry (use matlab-assemble-pcb-layout), material/stackup setup only (use matlab-manage-pcb-material), cascading multiple components (use matlab-integrate-pcb-circuit).

Create polished HTML slide decks and PDF-ready documents for consulting deliverables. Uses the RRBC design system with warm light mode, dark mode cover pages, Lora/Inter/Roboto Mono typography, and data visualization palette. Trigger on 'deck', 'slides', 'presentation', 'pitch deck', 'keynote', 'report', or 'PDF'.

Analyze a screen's interactive affordances to identify clickability issues, state visibility gaps, CTA clarity problems, and action discoverability failures.

Render long lists (1k+ rows) efficiently in Salesforce LWC using lightning-datatable infinite loading or an IntersectionObserver sentinel, with keyset pagination and accessibility guidance.

Documents Sentri's design language with color tokens, typography hierarchy, and layout patterns for a developer-tools brand.

Build, review, or improve SwiftUI features using the iOS 26+ Liquid Glass API, with guidance on availability, composition, and performance.

Open-Vocabulary Object Detection Using Captions

Documents Meta's design system for commerce surfaces, including color tokens, typography hierarchy, spacing, and responsive patterns for hardware merchandising.

Nocaps: Novel Object Captioning at Scale

Generate image captions, answer visual questions, and perform image-text retrieval using BLIP-2's Q-Former architecture with frozen vision encoders and LLMs.

Generate images using Google Gemini 3.1 Flash Image Preview via the inference.sh CLI, with support for text-to-image, image editing, multi-image input, and Google Search grounding.

Applied Optics Modeling Skill

Use this when reviewing or designing UI for keyboard access, semantic structure, focus handling, labels, contrast, error communication, motion sensitivity, or screen-reader-friendly behavior.

Creates a print-friendly architecture or pipeline presentation deck with a blueprint-grid mask, rust-red callouts, and serif typography.

Author a HyperFrames slideshow — a presentation, pitch deck, or interactive deck with discrete slides, fragment reveals, branching, hotspot navigation, and built-in presenter mode with speaker notes; also converts an existing page into a deck. Output is a navigable deck, not a rendered MP4. If the user didn't explicitly ask for a slideshow, confirm before authoring. Unclear → /hyperframes.

Creates a 1920×1080 presentation deck with React-like component layout, strict typography and color constraints, and no template restrictions.

Analyzes Vercel's design language, documenting its color system, typography, surface hierarchy, and gradient-based decorative system for use in design systems or brand analysis.