Communitygithub.com

leoriczhao/html-artifact-craft

Uma habilidade para Codex/Claude que decide quando e como criar artefatos HTML em vez de Markdown.

O que é html-artifact-craft?

Esta habilidade é projetada para agentes de IA como Codex e Claude, permitindo que eles tomem decisões inteligentes sobre quando gerar artefatos HTML em vez de usar Markdown tradicional. É útil para desenvolvedores que precisam de conteúdo mais rico visualmente, como páginas web completas, painéis interativos ou componentes com estilo avançado, que não são possíveis apenas com Markdown. A habilidade analisa o contexto do prompt do usuário, detectando quando uma saída complexa (como formulários, gráficos, animações ou layouts responsivos) se beneficiaria de HTML puro. Ao invocar esta habilidade, o agente gera automaticamente código HTML autossuficiente, muitas vezes incluindo CSS e JavaScript inline, garantindo que o artefato funcione de forma independente. Ela segue as melhores práticas de acessibilidade e design responsivo, e se integra diretamente a plataformas que suportam pré-visualização de HTML, como o Codex CLI ou o cliente Claude.

Funciona com✓Claude Code✓Codex CLI~Cursor
npx skills add leoriczhao/html-artifact-craft

Perguntar na sua IA favorita

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

Documentação

O que html-artifact-craft faz?

Uma habilidade para Codex/Claude que decide quando e como criar artefatos HTML em vez de Markdown.

Habilidades Relacionadas