Works with the AI tools you already use

    CClaude CodeCCursorCCodex CLIGGitHub CopilotGGemini CLI+17 more

    Nex Game Hud Style

    by Nex AI

    5

    Transform any website into a sci-fi game HUD with scanlines, corner brackets, and neon glitch effects.

    Free

    1 installSecurity scanned

    See it in action

    You say

    Apply a Helldivers-inspired tactical HUD to my existing Next.js landing page. I want the main sections framed and a typing reveal for the hero text.

    Your agent does

    I've integrated the HUD system: 1. Added `hud-helldivers` tokens to globals.css. 2. Wrapped hero text in `` for the typewriter reveal. 3. Framed main sections using `` with tactical corner brackets. 4. Active global `` for the CRT texture.

    About this skill

    What it does

    Nex Game HUD Style is a drop-in aesthetic framework that instantly transforms any website or web app into a high-fidelity sci-fi interface. Inspired by titles like Halo, Cyberpunk 2077, and Helldivers 2, it applies a "Heads-Up Display" layer over your existing UI, featuring animated scanlines, SVG corner brackets, neon edge-glows, and tactical glitch transitions.

    Why use this skill

    Instead of wrestling with complex CSS animations and SVG positioning, this skill provides a structured set of HUD primitives. It’s better than manual prompting because it delivers a cohesive design system—complete with theme tokens, Tailwind layers, and framework-ready components—rather than a single CSS snippet. It ensures your "game studio" or "tactical" aesthetic remains performant, responsive, and accessible while maintaining a pixel-perfect sci-fi vibe.

    Supported tools

    • Frameworks: React, Next.js, Astro, and Vanilla HTML/JS
    • Styling: Tailwind CSS (via presets) or Standard CSS Custom Properties
    • Typography: Monospace-first layouts (JetBrains Mono, IBM Plex Mono)
    • Themes: Pre-tuned variants for Halo (Cyan), Cyberpunk (Magenta), Helldivers (Amber), and Terminal (Green)

    Built by Nex AI. More skills and info at nex-ai.be and slopsome.com.

    ui-design
    tailwind-css
    frontend
    animations
    gaming

    Changelog

    1. v1.2LatestAug 6, 2026

      v1.1: marketplace refresh. Added README with FAQ and known limitations, license, changelog, manifest metadata. Cleaned packaging for the security scan. No breaking changes to the skill workflow.

    2. v1.1Jul 13, 2026

      Refreshed audited build: manifest, README, worked examples and security declarations cleaned up.

    3. v1.0Jun 6, 2026

      Initial release

    How to install

    Drop the file into your AI Agent. Works with Claude, Cursor, ChatGPT, and 20+ more.

    Reviews

    No reviews yet

    Be one of the first to try it. Every listed skill passes our trust checks below.

    Security scanned

    Passed our 8-point scan before listing

    1 install

    Downloaded by developers to date

    Free forever

    No account required to browse

    Trust & safety

    Security scanned

    Verified clean 9 days ago

    • Free to download with an account

    Installs1
    Listed2 months ago
    Updated9 days ago

    Creator

    Nex AI

    Nex AI

    33+ total installs · 303 skills on Agensi

    Founder of Nex AI, an applied AI studio in Ghent. I publish Claude Skills lifted straight out of systems that actually run in production: multi-tenant SaaS, Telegram agents, Raspberry Pi infrastructure, self-hosted RAG, 3D multiplayer rooms. Battle-tested patterns, not theory. 300 skills live and over 130 of them free, so you can run the real thing before you pay for anything. Want to see how we build? Walk through our work in 3D at design.nex-ai.be.

    Frequently Asked Questions

    Popular in Web & App UI Design

    Award Winning Design: Make Claude a World Class Designer

    Award Winning Design: Make Claude a World Class Designer

    V3 NEW & IMPROVED: Stop shipping AI sites that look like AI sites. Your agent researches your category first, then designs.

    $9.99
    304.7(3)
    cinematic-4k-landing-page

    cinematic-4k-landing-page

    Turn any business URL into a high-converting, agency-grade landing page with AI-generated 4K cinematic visuals, GSAP scroll animations, and one-command Cloudflare Pages deployment.

    $5
    715.0(1)
    frontend-motion-wizard

    frontend-motion-wizard

    Advanced responsive layout and interactive micro-interaction engine for React, Tailwind CSS, and Framer Motion. Automatically injects fluid element states, mobile-first touch behaviors, adaptive viewports, and non-destructive layout transitions into static codebases

    Free
    865.0(2)
    ui-component-architect

    ui-component-architect

    Generates stunning, mobile-responsive Tailwind CSS components and modern landing pages.

    Free
    31

    Free