Communitygithub.com

mechapizzai-lab/hyperframes-skill

Hyperframes-skill é um skill HTML que permite gerar hyperframes visuais (composições de imagens, mockups, posts visuais) diretamente com uma IA.

O que é hyperframes-skill?

O Hyperframes-skill é um recurso especializado para agentes de IA, como Claude Code, Cursor e Codex, que permite criar composições visuais complexas chamadas hyperframes. Ele funciona gerando código HTML dinâmico que combina imagens, elementos de design e layouts para produzir mockups, posts de mídia social e outras composições visuais. Este skill é particularmente útil para designers, criadores de conteúdo e desenvolvedores que desejam automatizar a geração de ativos visuais diretamente a partir de instruções em linguagem natural. A implementação usa HTML inline com CSS e JavaScript para construir os hyperframes, eliminando a necessidade de ferramentas de design externas ou processos manuais de edição de imagem.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add mechapizzai-lab/hyperframes-skill

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que hyperframes-skill faz?

hyperframes-skill é um skill HTML que te permite gerar hyperframes visuais (composições de imagens, mockups, posts visuais) diretamente com uma IA.

Habilidades Relacionadas