Vincentwei1021

22 Hud — Design skill for Claude Code

Design community

赛博朋克 HUD / FUI Cyberpunk HUD / FUI (Fictional UI).

How to install 22 Hud

Installs to ~/.claude/skills/vincentwei1021-mg-styles-15-22-hud/SKILL.md

Terminal

mkdir -p ~/.claude/skills/vincentwei1021-mg-styles-15-22-hud && curl -fsSL https://raw.githubusercontent.com/Vincentwei1021/mg-styles-15/HEAD/prompts/22-hud.md -o ~/.claude/skills/vincentwei1021-mg-styles-15-22-hud/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What 22 Hud does

赛博朋克 HUD / FUI Cyberpunk HUD / FUI (Fictional UI)

**原片**：隼眼-9 · 目标锁定 KESTREL-9 TARGET ACQUIRED · 1920×1080 · 30 fps · 10 秒 · AI 评审终评 7.93 / 10

**源码**：[demos/22-hud/](../demos/22-hud/)

怎么用

新建一个空文件夹，在里面打开一个能写代码、能执行命令的 AI 助手（例如 Claude Code）。本机需要能跑网页渲染（Node + Chrome）和 ffmpeg。
把下面「提示词」整段复制进去发送。
想换成自己的内容：改 Creative seed 里的故事、品牌名、文案和配色，或者改 Output 里的尺寸（比如竖屏 1080×1920）。不要删 Signature features 那一段，它是这种风格被一眼认出来的依据。
想再提高：成片出来后，另开一个 AI 用 rubric.md 评审，把评审意见贴回给制作的 AI 再

Alternatives in Design

Remix — Restyle a site in another design vocabulary — brutalist, swiss, art-deco, cyberpunk, soft-ui, or editorial 3.6k ★
Claude Artisan — A Claude skill that generates production-ready UI components in 224 distinct design styles — from Bauhaus to B 76 ★
Amditis Theme Expert — Apply the Amditis cyberpunk dark theme correctly 13 ★