Does this skill provide actual CSS code?

Yes, it includes detailed CSS variable definitions, Tailwind classes, and React component patterns specifically tailored for Shadowrun-themed interfaces.

Why does it require monospace fonts for numbers?

Monospace ensures visual alignment and readability in high-density stat blocks, which is critical for achieving the technical 'commlink' interface look.

Can I use this for other cyberpunk games?

While optimized for Shadowrun terminology (like Essence, Karma, and Nuyen), the core visual language and 'Sixth World' aesthetic are applicable to many cyberpunk-themed projects.

How does the skill handle light and dark modes?

It implements a neon card system that automatically adjusts color intensity and glow effects based on the user's theme, prioritizing dark mode as the primary experience.

Shadowrun UI Aesthetic

Name: Shadowrun UI Aesthetic
Author: Jasrags

byJasrags

•

Design Tools

Applies distinctive cyberpunk visual language and production-grade UI patterns for Shadowrun-themed applications.

This skill provides comprehensive guidance for creating immersive, high-density interfaces that capture the 'Sixth World' aesthetic of Shadowrun. It includes a complete color system (Matrix green, Corp blue, Magic purple), typography rules emphasizing monospace for data, and specific component patterns like neon cards and archetype-based styling. It's designed to help developers build character sheets, gear panels, and dashboard elements that balance professional usability with gritty cyberpunk atmosphere, ensuring a consistent 'commlink' feel across web and CLI interfaces.

Key Features

01Archetype-based neon card system with automatic light/dark mode adaptation

02Technical typography rules using monospace for all numerical statistics

031 GitHub stars

04Standardized 4px grid and layout patterns for high-density information

05Signature color palette for Matrix, Magic, Resonance, and Corporate themes

06Pre-defined component patterns for stat blocks, progress bars, and modal dialogs

Use Cases

01Building digital character sheets for Shadowrun 3rd or 5th edition

02Creating gear management dashboards with archetype-specific visual identifiers

03Designing immersive GM tools and NPC generators with a consistent cyberpunk feel

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jasrags/shadowmaster shadowrun-aesthetic

For use in Claude.ai and ChatGPT

Download Skill