tui-designer とは？
レトロ/サイバーパンク/ハッカースタイルの端末 UI を設計および実装します。 React (Tuimorphic)、SwiftUI (Metal シェーダー)、CSS のアプローチをカバーします。端末の美しさ、CRT 効果、ネオンの輝き、走査線、蛍光グリーンのディスプレイ、またはレトロフューチャーなインターフェイスを作成するときに使用します。 ソース: ckorhonen/claude-skills。
·tui-designer
</>
tui-designer
✓レトロ/サイバーパンク/ハッカースタイルの端末 UI を設計および実装します。 React (Tuimorphic)、SwiftUI (Metal シェーダー)、CSS のアプローチをカバーします。端末の美しさ、CRT 効果、ネオンの輝き、走査線、蛍光グリーンのディスプレイ、またはレトロフューチャーなインターフェイスを作成するときに使用します。
tui-designer のインストール方法
コマンドラインで tui-designer AI スキルを開発環境にすばやくインストール
- ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
- インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/ckorhonen/claude-skills --skill tui-designer
- インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソース: ckorhonen/claude-skills。
SKILL.md
原文を見るExpert guidance for designing and implementing text-based user interfaces with authentic retro computing aesthetics: CRT monitors, phosphor glow, scanlines, and cyberpunk neon.
Phosphor Green (Classic Terminal) | Role | Hex | Usage |
| Bright | #00ff00 | Primary text, highlights | | Medium | #00cc00 | Secondary text | | Dark | #009900 | Dimmed elements | | Background | #001100 | Main background | | Deep BG | #000800 | Panel backgrounds |
レトロ/サイバーパンク/ハッカースタイルの端末 UI を設計および実装します。 React (Tuimorphic)、SwiftUI (Metal シェーダー)、CSS のアプローチをカバーします。端末の美しさ、CRT 効果、ネオンの輝き、走査線、蛍光グリーンのディスプレイ、またはレトロフューチャーなインターフェイスを作成するときに使用します。 ソース: ckorhonen/claude-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/ckorhonen/claude-skills --skill tui-designer- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-25
- 更新日
- 2026-03-10
クイックアンサー
tui-designer のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/ckorhonen/claude-skills --skill tui-designer インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/ckorhonen/claude-skills
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-25