tait-crt-interface-skill

KO | EN

gitlite — search

#javascript #hacktoberfest #llm #golang #android #rust #deep-learning #linux #macos #java #awesome #cli #vue #open-source

tait-crt-interface-skill

(★ 372)

TaiT-CRT-Interface-Skill is a Codex image generation skill that transforms user-uploaded portraits, photographs, or text descriptions into a retro illustration with the feel of an early CRT computer interface.

tait-crt-interface-skill Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# TaiT CRT Interface Skill
![TaiT CRT Interface Skill Banner](https://raw.githubusercontent.com/TaiT-tt/tait-crt-interface-skill/main/assets/banner.png)

TaiT-CRT-Interface-Skill是一个Codex的图片生成skill，将用户上传的人像、摄影或文字描述等主题设计成一张带有早期CRT计算机界面质感的复古插画。

TaiT-CRT-Interface-Skill is a Codex image generation skill that transforms user-uploaded portraits, photographs, or text descriptions into a retro illustration with the feel of an early CRT computer interface.

---

## 视觉特征

- 一个占据画面主要面积的像素风主体，作为无边框系统壁纸
- 早期 Macintosh、Minitel 与 8-bit 计算机界面语言
- 3–6 个大小、比例和位置各异的悬浮视窗
- 1–3 个用于展示五官、饰品或局部特征的元素提取视窗
- 主体、文字、图标和窗口共用同一个方形像素网格
- 棋盘格光学灰度、硬边锯齿、扫描线、辉光、噪点和信号干扰
- 四周固定的 CRT 球面桶形畸变
- 多套预设色卡，也可以根据上传图片自动创作 2–5 色

## 生成示例 / Examples

<table border="1" cellspacing="0" cellpadding="8">
  <thead>
    <tr>
      <th align="center">参考图</th>
      <th align="center">tait-crt-interface生成</th>
      <th align="center">参考图</th>
      <th align="center">tait-crt-interface生成</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td align="center" valign="middle"><img src="生成示例/参考图/参考图01.png" alt="参考图 01" width="42"></td>
      <td align="center" valign="middle"><img src="生成示例/经典a.png" alt="经典a" width="420"></td>
      <td align="center" valign="middle"><img src="生成示例/参考图/参考图02.png" alt="参考图 02" width="42"></td>
      <td align="center" valign="middle"><img src="生成示例/极客02a.png" alt="极客02a" width="420"></td>
    </tr>
    <tr>
      <td align="center" valign="middle"><img src="生成示例/参考图/参考图03.png" alt="参考图 03" width="42"></td>
      <td align="center" valign="middle"><img src="生成示例/极客01a.png" alt="极客01a" width="420"></td>
      <td align="center" valign="middle"><img src="生成示例/参考图/参考图04.png" alt="参考图 04" width="42"></td>
      <td align="center" valign="middle"><img src="生成示例/极客01b.png" alt="极客01b" width="420"></td>
    </tr>
    <tr>
      <td align="center" valign="middle"><img src="生成示例/参考图/参考图05.png" alt="参考图 05" width="42"></td>
      <td align="center" valign="middle"><img src="生成示例/游戏02b.png" alt="游戏02b" width="420"></td>
      <td align="center" valign="middle"><img src="生成示例/参考图/参考图06.png" alt="参考图 06" width="42"></td>
      <td align="center" valign="middle"><img src="生成示例/游戏02a.png" alt="游戏02a" width="420"></td>
    </tr>
    <tr>
      <td align="center" valign="middle"><img src="生成示例/参考图/参考图07.png" alt="参考图 07" width="42"></td>
      <td align="center" valign="middle"><img src="生成示例/游戏01a.png" alt="游戏01a" width="420"></td>
      <td align="center" valign="middle"><img src="生成示例/参考图/参考图08.png" alt="参考图 08" width="42"></td>
      <td align="center" valign="middle"><img src="生成示例/极客01c.png" alt="极客01c" width="420"></td>
    </tr>
    <tr>
      <td align="center" valign="middle"><img src="生成示例/参考图/参考图09.png" alt="参考图 09" width="42"></td>
      <td align="center" valign="middle"><img src="生成示例/经典b.png" alt="经典b" width="420"></td>
      <td align="center" valign="middle"><img src="生成示例/参考图/参考图10.png" alt="参考图 10" width="42"></td>
      <td align="center" valign="middle"><img src="生成示例/粉黛a.png" alt="粉黛a" width="420"></td>
    </tr>
  </tbody>
</table>

---

### 安装

方法一：将整个 Skill 文件夹下载后放入本地 Codex 的技能目录：

```text
~/.codex/skills/tait-crt-interface-skill
```

方法二：直接让 Codex 自动安装 Skill：

```text
请帮我安装这个GitHub链接中的skill：https://github.com/TaiT-tt/tait-crt-interface-skill
```

在codex中可调用的名称为：`tait-crt-interface-skill`。

### 使用方法

上传一张参考图片，然后按名称调用：

```text
使用 $tait-crt-interface-skill 把这张图片生成 CRT 复古电脑界面插画
```

但是这种情况下，没有提前指定色彩和比例，Skill 会分两轮对话询问：

1. 先展示色卡，请你选择 `经典`、`粉黛`、`极客01`、`极客02`、`复古01`、`复古02`、`游戏01`、`游戏02`，或回复 `如图`。
色卡如下所示：
<p align="left"><img src="assets/tait-crt-interface-color-card.png" alt="tait-crt-interface 色卡" width="30%"></p>

2. 再选择 `3:4`、`4:3`、`9:16`、`16:9`，也可以输入其他比例。也可以在第一次调用时直接标明色卡和比例，从而立即生成：

```text
使用 $tait-crt-interface-skill 生成图片，极客02色卡，4:3比例
```

3. 另外，skill内置了三种比较有代表性的风格模板，分别是 `街头怪诞`/`巨像符号`/`冷面几何` ，可以把任意一个名称直接写进提示词用于生成特定风格；未写模板名称时，Skill 会继续使用原有风格蓝图与随机变体引擎。例如：

```text
使用 $tait-crt-interface-skill 生成图片，街头怪诞，极客02色卡，4:3比例
```

另外，也鼓励大家开发此skill的更多玩法，如通过纯文字描述抽象视觉意象生成、带有指定文字信息的复古海报生成、在弹窗中指定自己需要的分析类型（如解剖、六角战力图、运势、场记板、化学式等等），不限玩法，用户的指令已被设定为第一层级，可覆盖本skill大部分固有设定。

---

### 文件结构

- `SKILL.md`：完整工作流、构图规则和质量门槛
- `README.md`：简体中文与英文使用说明
- `assets/`：色卡等交互资产
- `references/`：色彩与需求规范
- `scripts/`：共享像素网格、色卡约束、CRT 畸变与固定署名处理

tait-crt-interface-skill

tait-crt-interface-skill Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

tait-crt-interface-skill

tait-crt-interface-skill Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README