skills.rest
All-Out-Games
All-Out-GamesOFFICIAL
Explore all skills by this author →
WebsiteGitHub

ui-specific-examples

Render tutorial cues, character previews, and HUD indicators in game UI.

Updated Feb 7, 2026
Search Tags:#ui#character#graphics#rendering#tutorial#arrow
One-click install
npx skills add https://github.com/All-Out-Games/reusable-weapons-csl --skill ui-specific-examples
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-specific-examples
Source: https://github.com/All-Out-Games/reusable-weapons-csl/tree/main/.claude/skills/ui-specific-examples
Command: npx skills add https://github.com/All-Out-Games/reusable-weapons-csl --skill ui-specific-examples

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides UI-specific drawing utilities to render tutorial cues, character previews, and in-game indicators within the user interface.

Core Features & Use Cases

  • UI rendering helpers: draw_character_preview, draw_player_icon, draw_objective_arrow, draw_aim_indicator for rendering tutorial arrows, character visuals, and aiming lines in the UI.
  • HUD & icons: utilities to render player icons and progress indicators within menus and HUDs.
  • Use Case: Create a tutorial screen that shows a character thumbnail, an objective arrow pointing to a target, and a subtle aiming guide to illustrate control schemes.

Quick Start

Call draw_character_preview with a Spine_Instance to render a UI character preview.

Frequently Asked Questions about ui-specific-examples

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I render tutorial arrows and character previews in a game UI?▼

Render tutorial arrows and character previews in game UIs by calling dedicated drawing utilities like draw_objective_arrow and draw_character_preview, which support on-screen guidance cues and character thumbnails within menus and HUDs.

What is the best way to draw aim indicators and HUD icons for a game tutorial?▼

The best way to draw aim indicators and HUD icons is using functions like draw_aim_indicator and draw_player_icon, which provide precise visual cues to illustrate control schemes and player progress within the user interface.

Can I use these UI drawing functions to display a Spine character instance in a menu?▼

Yes, you can display a Spine character instance in a menu by passing the Spine_Instance to the draw_character_preview function, which renders the character preview directly within the game UI context.

Does this Skill support rendering progress indicators alongside objective arrows in the HUD?▼

Yes, this Skill supports rendering progress indicators alongside objective arrows in the HUD by utilizing its provided UI rendering helpers, allowing you to combine player icons, aiming guides, and directional cues on the same screen.

Are there limitations to rendering game UI cues with these drawing utilities?▼

These drawing utilities are specifically designed for game UI contexts including tutorials, menus, and on-screen guidance, meaning they are optimized for interface rendering rather than rendering within the main 3D game world environment.

Related Skills

Explore More Design & Creative Skills→
All-Out-GamesAll-Out-Games

spine

Configure Spine animation workflows in CSL with Spine_Animator and Spine_Instance.

Official
Intermediate
Totes-MickGOATsTotes-MickGOATs

Unity Racing UI — HUD, Menus, and Race Management

Implement Unity racing game HUDs, menus, and race management features.

Community
Advanced
Nice-Wolf-StudioNice-Wolf-Studio
24

unity-input

Implement Unity's new Input System for action-based player input across devices.

Official
Intermediate
Thanh-aperoThanh-apero
1

ck:shader

Develop custom GLSL fragment shaders for procedural graphics in WebGL and Three.js.

Community
Advanced