你的AI工具还在用扁平卡片？试试这个「复古终端」技能，让界面秒变赛博朋克

你的 AI 工具还在用扁平卡牌？试试这个「复古终端」技能

我最近发现一个很有意思的现象——大家都在卷「Modern」「Clean」「Minimal」风格，结果满屏都是白底卡片配渐变按钮，审美疲劳得一塌糊涂。

有没有一种可能：你的 AI 界面可以像黑客电影里那样，荧光绿字、CRT 扫描线、满满的复古极客感？

还真有人做了这个 Skill，叫 TUI Designer。

这玩意儿干什么的

一句话：给 AI 工具套上一层「复古终端」皮肤。

它手把手教你怎么做出这些效果：

• 💚 Phosphor Green——经典荧光绿终端风格
• 🟠 Amber CRT——老式 CRT 显示器暖黄调
• 💜 Cyberpunk Neon——赛博朋克霓虹配色
• 📺 CRT 扫描线——扫描线叠加效果
• 🌟 霓虹光晕——文字/边框发光
• 🔲 CRT 桶形畸变——显示器边缘弯曲
• ⚡ 闪烁 & 噪点——CRT 质感细节

支持哪些技术栈

不只是 CSS，它覆盖了多个平台：

• React——Tuimorphic 组件库方案
• SwiftUI——Metal Shaders 渲染 CRT 效果
• 纯 CSS——轻量方案，Web 直接用

内置配色表、排版规范、复制粘贴就能跑的代码片段，零设计基础也能 get 赛博感。

适合什么场景

• 开发者工具 / Dashboard——搞个黑客风仪表盘
• AI Chat 界面——让对话看起来像在黑命令行
• 数据可视化——复古雷达屏幕即视感
• iOS App——用 Metal Shaders 跑真实 CRT Shader
• 品牌差异化——告别千篇一律的 Modern UI

怎么安装

一行命令搞定：

npx skills add https://github.com/ckorhonen/claude-skills --skill tui-designer

支持 Claude Code、Codex、Cursor 等主流 AI 编程助手。

我的感受

讲真，这个 Skill 解决的不只是「好看」的问题——它解决的是品牌识别度。

当所有 SaaS 都长一个样的时候，一个霓虹终端风的 AI 工具，光是截图发出去就能让人多看两眼。而且它提供的不是花里胡哨的特效，而是一套完整的设计系统——配色、排版、动效、组件，all in。

GitHub 完全开源，MIT 协议，可以直接 fork 改造成自己的风格。

👉 GitHub 地址

GitHub: https://github.com/ckorhonen/claude-skills