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

0•

Design Tools

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

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

01Technical copywriting standards for terse, mechanical system messaging

02Advanced visual effect patterns including scanlines, neon glow, and flicker

03Shader-level CRT effects like barrel distortion and chromatic aberration

04Authentic retro color palettes and monospace typography standards

05Cross-platform implementation guides for React, SwiftUI, and vanilla CSS

060 GitHub stars

Use Cases

01Creating immersive retro-themed web applications using Tuimorphic components

02Building hacker-style developer dashboards and CLI-inspired web tools

03Implementing high-performance CRT screen simulations in iOS apps using Metal shaders

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ckorhonen/claude-skills tui-designer

For use in Claude.ai and ChatGPT

Download Skill