skills.rest
Jasrags
JasragsCOMMUNITY
Explore all skills by this author →
GitHub

shadowrun-aesthetic

Apply Shadowrun-inspired cyberpunk UI themes with neon cards and archetype accents.

1|1|Updated Nov 14, 2025
Search Tags:#typography#theming#ui-design#design-system#neon-card#shadowrun#cyberpunk
One-click install
npx skills add https://github.com/Jasrags/ShadowMaster --skill shadowrun-aesthetic
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: shadowrun-aesthetic
Source: https://github.com/Jasrags/ShadowMaster/tree/main/.claude/skills/shadowrun-aesthetic
Command: npx skills add https://github.com/Jasrags/ShadowMaster --skill shadowrun-aesthetic

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers building Shadowrun-inspired interfaces struggle to achieve a cohesive cyberpunk look without sacrificing usability. This Skill provides a ready-made visual language and practical patterns to enable consistent SR-themed UI across character sheets, creation cards, gear panels, and modals.

Core Features & Use Cases

  • Neon-card system and archetype-aware theming for dashboards, sheets, and dialogs to convey status and identity.
  • Comprehensive typography and color guidelines tuned for dark-mode SR aesthetics, with a readable, information-dense layout.
  • Reusable component patterns (cards, lists, modals) that maintain SR flavor while preserving accessibility and usability.

Quick Start

Create a SR-inspired UI theme for a character sheet editor using the neon-card system and the defined color palette.

Frequently Asked Questions about shadowrun-aesthetic

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

FAQPage Schema
How do I apply a cyberpunk UI aesthetic to a Shadowrun character sheet?▼

A Shadowrun cyberpunk theme uses a neon-card system and archetype-aware color accents to convey character identity. It provides dark-mode palettes and typography guidelines that maintain readability for information-dense dashboards and sheets.

How do I build a neon card system for dark-mode cyberpunk theming?▼

Build a neon card system using the provided dark-mode color palettes and typography guidelines applied to reusable component patterns. These patterns maintain Shadowrun visual identity while preserving UI accessibility and usability across interfaces.

Can I implement this cyberpunk design system in modern frontend frameworks?▼

Yes, the cyberpunk design system remains implementable in modern frontend frameworks. It supplies reusable component patterns for cards, lists, and modals that integrate directly into existing interfaces without sacrificing usability.

What's the best way to theme dashboards and dialogs for Shadowrun SR5 tools?▼

The best way to theme SR5 tools is using archetype-aware theming with neon-card components. This ensures cohesive cyberpunk visual identity across dashboards, forms, and dialogs while conveying character status and archetype.

Does this cyberpunk UI design system support accessibility in dark-mode layouts?▼

Yes, the cyberpunk UI design system enforces usage guidelines that preserve accessibility and usability. It pairs readable typography with information-dense dark-mode layouts to maintain Shadowrun visual flavor without sacrificing clarity.

Related Skills

Explore More Design & Creative Skills→
Shohzod-Abdusamatov-7777777Shohzod-Abdusamatov-7777777
1

tailwind-v4

Configure Tailwind v4 theming with @theme and OKLCH colors.

Community
Intermediate
artivillaartivilla

tailwind-v4

Automate Tailwind v4 theming with CSS-first @theme directives and OKLCH tokens.

Community
Advanced
etewiahetewiah
635

theme-evaluation

Evaluate theme palettes for WCAG contrast and accessibility compliance.

Community
Advanced
GatsbyhateyouGatsbyhateyou

cyberpunk

Generate user interfaces with neon colors, glitch effects, and dark backgrounds.

Community
Basic