webgl-aurora-veil
Faz seu agente criar efeitos visuais de luzes de aurora boreal em movimento. É útil para criar fundos dinâmicos e impressionantes para sites ou apresentações.
O que ela faz
Este código cria uma animação bonita de luzes de aurora boreal em um céu estrelado. Você pode mover o mouse para fazer as luzes se moverem.
Quando usar
- ✓Para decorar uma página web com um efeito visual.
- ✓Para criar um fundo animado para um projeto.
- ✓Para demonstrar uma tecnologia gráfica no navegador.
Exemplo do que pedir para a IA
“Crie uma animação de aurora boreal para meu site.”
Quer saber mais? Abra as seções abaixo.
Como usar
O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.
Link da skill
Mensagem pronta para colar
Como funciona
Ele usa uma tecnologia chamada WebGL2 para desenhar as luzes diretamente no seu navegador. Quando você move o mouse, o código ajusta a posição das luzes.
Instalação
Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.
No terminal (Claude Code, Codex, Cursor), na pasta do projeto:
npx skills add nexu-io/open-design --skill webgl-aurora-veilOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/plugins/_official/examples/webgl-aurora-veil/SKILL.md -o SKILL.mdConteúdo técnico (SKILL.md)
Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.
Véu Aurora
Produz um único index.html autônomo — Um herói WebGL2 autônomo: cortinas de luz de aurora em camadas distorcidas sobre um céu noturno salpicado de estrelas; mova o cursor para balançar o véu.
Por que este é um artefato poderoso
O OpenDesign detecta getContext('webgl2') / WebGL pesado e renderiza este arquivo em visualização poderosa (um iframe isolado de origem cruzada). O pipeline completo de GPU + rolagem é executado; nenhuma solução alternativa de sandbox opaca é necessária.
Mapa de recursos
webgl-aurora-veil/
├── SKILL.md ← you're reading this
├── example.html ← the complete, working artifact (READ FIRST)
└── (assets, if any)
Créditos / atribuição
- Original, autônomo (sem ativos de terceiros).
Mantenha qualquer LICENSE e crédito na tela incluídos intactos. Substitua imagens apenas por ativos limpos de licença (originais / IA, Lummi.ai, Unsplash/Pexels — nunca imagens raspadas).
Perguntas frequentes
O que é WebGL2?
É uma forma de desenhar gráficos e animações complexas diretamente no seu navegador de internet, usando o poder da sua placa de vídeo.
Preciso instalar algo para ver a animação?
Não, tudo funciona direto no navegador. Você só precisa de um arquivo HTML que contém o código.
Posso mudar as cores da aurora?
O código original não permite mudar as cores facilmente, mas um programador poderia adaptar para isso.
Detalhes
Descrição original do autor
A self-contained WebGL2 hero: layered aurora light curtains warped over a night sky scattered with stars; move the cursor to sway the veil.
repo: nexu-io/open-design
Popularidade
- Estrelas no GitHub
- 101 mil
- Posição no ranking
- #591
- Licença
- Apache-2.0
- Atualizada em
- 16/10/2026
Comentários
- …
Mais skills deste repositório
sample-plugin
Faz seu agente criar um arquivo de metadados para testes. Ele ajuda a garantir que o código funcione corretamente em diferentes situações.
nexu-io/open-design
aster-atelier
Ajuda seu agente a criar um site artístico com visual clássico. Ele usa imagens elegantes, céus azuis e fontes serifadas para um visual cinematográfico.
nexu-io/open-design
audio-jingle
Faz seu agente gerar áudio como jingles e efeitos sonoros. Ele pode criar músicas e vozes, salvando o resultado em um arquivo de áudio.
nexu-io/open-design
blog-post
Ajuda seu agente a escrever artigos longos ou posts de blog. Ele inclui espaços para imagens, citações e informações do autor.
nexu-io/open-design
Skills parecidas
ios-icon-gen
Faz seu agente gerar ícones para aplicativos iOS. Ele usa símbolos da Apple ou ícones de outras fontes para criar os arquivos corretos.
affaan-m/ECC
algorithmic-art
Ajuda seu agente a criar arte usando código, gerando imagens únicas. É útil quando você quer arte original feita por computador.
anthropics/skills
canvas-design
Ajuda seu agente a criar artes visuais bonitas em arquivos. É útil quando você pede um pôster, uma arte ou qualquer design estático.
anthropics/skills