agentskills

Webs y appsnexu-io/open-design★ 105k

Experiencia visual en WebGL

Crea una experiencia visual en tiempo real con WebGL, shaders o escenas 3D. Te sirve cuando quieres gráficos generativos o animaciones de alto impacto en el navegador.

Descripción original (inglés)

webgl-experience: A full-screen, real-time WebGL/WebGL2 experience — animated shaders, 3D scenes, generative visuals, particle fields — rendered live on the GPU with a typographic overlay. Produced as a single self-contained `index.html`. Use when the brief asks for a "WebGL", "shader", "3D", "generative", "GPU", "interactive canvas", "hero animation", or "real-time visual" experience. OpenDesign serves this in powered-preview mode so the GPU stack actually runs.

Cómo instalarla

Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta webgl-experience en el sitio donde tu agente busca sus skills.

  1. Sin terminal: abre la carpeta en GitHub, descárgala y cópiala en la carpeta de tu agente (tabla de abajo).
  2. Con terminal (macOS, Linux o Git Bash en Windows): elige tu agente y copia los comandos.
Agente
Para
git clone --depth 1 https://github.com/nexu-io/open-design.git /tmp/skill-src
mkdir -p ~/.claude/skills
cp -r "/tmp/skill-src/design-templates/webgl-experience" ~/.claude/skills/webgl-experience
rm -rf /tmp/skill-src
Carpetas de skills por agente
AgentePara todos tus proyectosSolo 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 nexu-io/open-design

Explicación redactada con ayuda de IA a partir de la descripción original.