Skill UI

A comprehensive style guide and implementation reference for the Retro Futurism aesthetic. Perfect for designing interfaces that evoke the 1950s and 1960s space age, atompunk, or mid-century modern vibes. It outlines core principles, color palettes, typography, and provides cross-platform code examples (CSS, SwiftUI, Flutter, React Native) to achieve sleek, aerodynamic, chrome finishes.

A comprehensive guide for designing futuristic, tactical Heads-Up Displays (HUDs) and user interfaces. This skill provides core principles, visual DNA, and ready-to-implement code snippets for Web (CSS/SVG), App (SwiftUI), and Mobile (Flutter) platforms. Perfect for creating high-tech, sci-fi, or military-themed dashboards, featuring circular radars, minimalist strokes, and technical monospace typography.

This guide details the principles and implementation techniques for Skeuomorphism—the design style that makes digital interfaces resemble real-world physical objects. It covers core principles like realistic textures (wood, leather), physical lighting, depth, and real-world metaphors. Provides detailed code examples for Web (CSS), iOS (SwiftUI), and Android (Flutter) to achieve highly realistic, tactile UI elements.

A comprehensive guide for implementing soft pastel, low-contrast aesthetics across web, iOS (SwiftUI), and Flutter applications. Details include desaturated color palettes (mint, blush, lavender), rounded corner principles, airy spacing techniques, and specific CSS/SwiftUI code examples for achieving a calming, gentle user interface suitable for lifestyle or baby-related branding.

This skill enables users to generate logo concepts from brand names or reference images using the official AI Logo Maker package on the Beatra service. It verifies vector geometry and trademark rights before finalizing raster generations. The tool requires explicit approval for paid hosted work and integrates with AI models like Claude or Codex. It ensures security through pinned verified packages without self-updating code.

Install the pinned Beatra AI Music Generator package to turn themes, lyrics, or reference audio into songs, instrumentals, and soundtracks inside Claude Code, Codex, or Cursor, using paid hosted rendering with verified download and review steps.

Create branded, print-ready art QR codes that always scan using QRX. Ideal for links needing an artistic, eye-catching QR code for print, packaging, signs, slides, or event badges. Includes style listing, generation, polling, destination changing, and account management via MCP tools or REST API.

Generate practical shot lists and one to four storyboard key-frame images from a script, scene, or ad brief via the paid Beatra hosted service, directly inside Claude Code, Codex, or OpenClaw.