What frameworks does TUI Designer support?

It provides implementation patterns for React (using the Tuimorphic library), SwiftUI (via Metal shaders), and standard CSS/WebGL for the web.

Is this skill only for command-line tools?

No, it is specifically designed for creating graphical user interfaces (GUIs) that emulate the aesthetic of terminals and vintage computing.

Can I achieve a realistic CRT screen effect with this skill?

Yes, it includes specific code and logic for scanlines, phosphor glow, barrel distortion, and flicker effects across multiple platforms.

Does it help with copywriting for terminal interfaces?

Yes, it includes a guide on 'mechanical precision' copywriting, including standard terminal prefixes like [SYS] and [ERR] and mechanical vocabulary.

TUI Designer

Name: TUI Designer
Author: ckorhonen

byckorhonen

Design Tools

Design and implement authentic retro-futuristic, cyberpunk, and terminal-style user interfaces across React, SwiftUI, and CSS.

About

TUI Designer provides expert-level guidance for creating immersive hacker-aesthetic interfaces inspired by 1980s computing and cyberpunk fiction. It offers a comprehensive toolkit of design principles, color palettes (Phosphor Green, Amber CRT, Neon), and technical implementation patterns—ranging from CSS scanline overlays and React Tuimorphic components to advanced Metal shaders for CRT barrel distortion in SwiftUI. This skill is essential for developers looking to move beyond standard modern UI and create distinctive, high-contrast, and nostalgic visual experiences.

Key Features

Technical copywriting standards for terse, mechanical system messaging
Advanced visual effect patterns including scanlines, neon glow, and flicker
Shader-level CRT effects like barrel distortion and chromatic aberration
Authentic retro color palettes and monospace typography standards
Cross-platform implementation guides for React, SwiftUI, and vanilla CSS
0 GitHub stars

Use Cases

Creating immersive retro-themed web applications using Tuimorphic components
Building hacker-style developer dashboards and CLI-inspired web tools
Implementing high-performance CRT screen simulations in iOS apps using Metal shaders

About

Key Features

Technical copywriting standards for terse, mechanical system messaging
Advanced visual effect patterns including scanlines, neon glow, and flicker
Shader-level CRT effects like barrel distortion and chromatic aberration
Authentic retro color palettes and monospace typography standards
Cross-platform implementation guides for React, SwiftUI, and vanilla CSS
0 GitHub stars

Use Cases

Creating immersive retro-themed web applications using Tuimorphic components
Building hacker-style developer dashboards and CLI-inspired web tools
Implementing high-performance CRT screen simulations in iOS apps using Metal shaders