Skill UI

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 template provides a sophisticated, print-ready document aesthetic, simulating expertly typeset paper on a parchment background. It employs a limited, classic color palette (creamy parchment, ink blue accents) and serif typography. Ideal for creating high-fidelity, professional documents like resumes, long reports, one-pagers, business letters, and portfolios, ensuring the final output feels like an archival print piece rather than a typical web dashboard.

This skill acts as an expert design system guideline author for the Roku brand. It provides structured, implementation-ready guidance covering style foundations, component anatomy, accessibility (WCAG 2.2 AA), and advanced authoring workflows. It ensures consistent, developer-first UX/UI design principles for modern dashboards.