← All skill packs

UI Design & Video Production Skills

Skill pack
3 skills0 selected
googleSkills in this pack

Analyze a CycloneDX/SPDX SBOM file using sbomr. Use when asked to inspect, summarize, or query an SBOM file — e.g. list dependencies, check licenses, find vulnerabilities, or export data.

English

Integrate generative AI into an XR Blocks app via xb.ai — text and multimodal (image) queries to Gemini or OpenAI, real-time Gemini Live audio/video sessions, and image generation. Use to answer questions, describe what the camera sees, drive conversational agents, or generate content from an XR scene. Covers enableAI(), xb.ai.isAvailable(), xb.ai.query(), startLiveSession(), generate(), and local API-key handling (?key= / keys.json). Always guard calls with isAvailable(); never ship keys in production client code.

English

Build spatial UI in an XR Blocks app with the core xb.SpatialPanel system — a grid of rows and columns holding text, text buttons, icon buttons, and images, with a unified onTriggered select handler. Use for HUDs, menus, dialogs, and control panels when you want a lightweight, no-extra-dependency UI. For rich flexbox layouts with gradients, strokes, and shadows, use xb-uiblocks instead. Covers addGrid/addRow/addCol/addText/addTextButton/addIconButton, panel positioning, and the enableUI() setup.

English

Explore the listed skills and choose the workflows that fit your task.

Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI

Supported by the Atlas install prompt. Skill-specific requirements vary.

Pack stats

Skills3CategorysecurityStars0

What’s included

Sbomr

Analyze a CycloneDX/SPDX SBOM file using sbomr. Use when asked to inspect, summarize, or query an SBOM file — e.g. list dependencies, check licenses, find vulnerabilities, or export data.

Xb AI

Integrate generative AI into an XR Blocks app via xb.ai — text and multimodal (image) queries to Gemini or OpenAI, real-time Gemini Live audio/video sessions, and image generation. Use to answer questions, describe what the camera sees, drive conversational agents, or generate content from an XR scene. Covers enableAI(), xb.ai.isAvailable(), xb.ai.query(), startLiveSession(), generate(), and local API-key handling (?key= / keys.json). Always guard calls with isAvailable(); never ship keys in production client code.

Xb UI

Build spatial UI in an XR Blocks app with the core xb.SpatialPanel system — a grid of rows and columns holding text, text buttons, icon buttons, and images, with a unified onTriggered select handler. Use for HUDs, menus, dialogs, and control panels when you want a lightweight, no-extra-dependency UI. For rich flexbox layouts with gradients, strokes, and shadows, use xb-uiblocks instead. Covers addGrid/addRow/addCol/addText/addTextButton/addIconButton, panel positioning, and the enableUI() setup.

Quick start

  1. Choose your skills. Select individual skills above, or choose the entire pack.
  2. Copy the install prompt. Use Copy install prompt above the list.
  3. Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.

Try it with your agent

After installation, start with a request like:

Example request
Use the Sbomr skill to help with my task.
Ask me for the context you need before getting started.

Requirements & license

  • A coding agent that can access your project files and install skills.
  • Your agent checks each skill’s instructions, dependencies, and permissions during setup.
  • Reported license for the skills shown: Apache-2.0. The author’s terms apply.
UI Design & Video Production Skills | Agent Skills Atlas