Skill UI

A comprehensive skill designed to manage, track, and persist image assets generated by Ideogram's API. This tool addresses the critical issue of expiring image URLs by implementing a complete lifecycle pipeline. It handles metadata tracking (prompt, seed, model, style, etc.), immediate downloading, and robust storage to both local filesystems and cloud solutions like S3. Features include asset persistence, generation history logging, and image reproduction using stored seed values.

Optimizes Astro projects with critical CSS inlining, asset compression, font-loading tweaks, third-party deferment, and LCP/image preload strategies aimed at sustaining 95+ Lighthouse scores.

This expert guide provides comprehensive best practices for developing robust, high-performance C++ code within Unreal Engine 5.x. It covers critical topics such as UObject lifecycle management, adhering to Epic Games' strict coding conventions, optimizing performance-critical sections (e.g., avoiding unnecessary Ticking), and correctly using soft references for asset loading. Use this skill for professional game development tasks requiring deep knowledge of the Unreal reflection system and advanced C++ patterns.

A comprehensive utility for handling asset loading within Three.js environments. It supports various formats, including GLTF/GLB models, textures, HDR environments, and complex image assets. Features include robust asynchronous loading patterns, progress tracking via LoadingManager, and detailed configuration for PBR materials and environment mapping.

This skill provides a comprehensive solution for embedding the powerful, Photoshop-compatible Photopea editor into any web application. Using photopea.js, developers can control the embedded instance via JavaScript, enabling advanced workflows such as opening remote files, loading local assets (fonts, brushes), executing custom scripts to manipulate layers and text, and exporting the final result in various formats (PNG, JPG, PSD, WebP). Ideal for building professional creative tools directly into your product.

Practical guide for pre-caching fonts, images, animations, and initial data in Flutter and Flutter Web to reduce jank, font swaps, and startup delays. Covers Google Fonts, asset/network images, multiple image preloading, and app-start preloader patterns.

Learn how to implement data-driven design in Godot using custom Resource classes. This guide covers defining typed data structures (like items, stats, or configs) using `class_name` and `@export`, creating editable `.tres`/`.res` assets, referencing them in scripts, and managing runtime saving and loading via `ResourceLoader` and `ResourceSaver`. Essential for building scalable, data-heavy games without hardcoding values.

Configure and build PixiJS v8 render layers by creating async Applications, loading textures via Assets, composing scene graphs with Containers and Sprites, driving ticker loops, handling pointer events, and grouping draws with render groups. Use this skill for initializing PixiJS v8 projects, debugging canvas issues, and managing 2D graphics rendering pipelines.

Load and animate 3D models in Three.js using GLTFLoader. Supports skinned animations, compressed meshes (DRACO), and KTX2 textures. Use this when importing .gltf or .glb files into a web scene. Includes setting up AnimationMixer for playback and handling compressed asset decoders.

Configure Content Delivery Networks (CDNs) like CloudFront and Cloudflare to optimize global asset delivery. Includes setting up caching, invalidation, security, and edge logic using CLI and Terraform. Ideal for reducing latency and offloading origin servers.

This skill covers configuring and managing object storage solutions like AWS S3, MinIO, and GCS. It includes CLI operations for bucket management, uploading/downloading files, setting up versioning, implementing bucket policies for access control, and configuring lifecycle rules for cost optimization. Suitable for DevOps engineers managing application assets, backups, logs, and media files in cloud or on-premises environments.

This skill facilitates loading 3D assets within Three.js environments, supporting formats like GLTF, textures, and HDR images. It manages async loading patterns and progress tracking for models and external resources. Ideal for scene asset orchestration rather than direct geometry or shader authoring.