por Juanjo LunaInterfaz HUD estilo juego
Te ayuda a crear interfaces con estética de HUD de videojuego, con tipografía, marcadores y fondos visuales llamativos. Sirve cuando necesitas un panel o consola con aspecto de control futurista.
Descripción original (inglés)
hud-interface: 游戏 HUD 式界面：黑白纸墨加一个薄荷强调色，斜切黑标签、空心巨型数字、粗黑汉字标题、环形转动文字、歪着摆的纸卡片、黑色底栏大斜体计数和条形表，背后是流动的液体大理石着色器；可选用 HTML-in-Canvas 把真实 DOM 面板画进 WebGL 再做玻璃折射和色散（Chrome 实验开关，不支持时自动退回普通 DOM）。带噪音档位 quiet / normal / loud，默认 quiet。适合拆解台、零件清单、机器人或任务控制台这类要有「仪表感」的页面。当用户说「游戏 HUD 风格」「做成仪表板那种酷炫界面」「HTML-in-Canvas」「把 DOM 画进 WebGL」「液体大理石背景」「斜切标签 / 巨型数字 / 环形文字」时使用。只在明确请求时触发，忽略顺带提及。
Cómo instalarla
Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta hud-interface en el sitio donde tu agente busca sus skills.
- Sin terminal: abre la carpeta en GitHub, descárgala y cópiala en la carpeta de tu agente (tabla de abajo).
- Con terminal (macOS, Linux o Git Bash en Windows): elige tu agente y copia los comandos.
git clone --depth 1 https://github.com/majiayu000/spellbook.git /tmp/skill-src
mkdir -p ~/.claude/skills
cp -r "/tmp/skill-src/skills/hud-interface" ~/.claude/skills/hud-interface
rm -rf /tmp/skill-src| Agente | Para todos tus proyectos | Solo un proyecto |
|---|---|---|
| Claude Code | ~/.claude/skills | .claude/skills |
| GitHub Copilot | ~/.copilot/skills | .github/skills |
| Codex | ~/.agents/skills | .agents/skills |
| Gemini CLI | ~/.gemini/skills | .gemini/skills |
Muchos agentes leen también .agents/skills. Reinicia el agente después de instalar. Antes de instalar una skill, revisa su SKILL.md y los scripts que incluya: se ejecutan con tus permisos.
Más skills de majiayu000/spellbook
- Probar flujos de agentes con agent-qa agent-qa-testing
- Ordenar instrucciones de agentes AI agentsmd-optimize
- Crear archivos AGENTS.md agentsmd-scaffold
- Diseñar APIs REST, GraphQL y gRPC api-design
- Diseñar interfaces para apps móviles app-ui-design
- Probar historias de usuario de apps app-user-story-qa
- Definir bases de arquitectura architecture-foundation
- Investigar arquitecturas de sistemas architecture-research
Explicación redactada con ayuda de IA a partir de la descripción original.