CommunityPesquisa e Análise de Dadosgithub.com

KyrieCheungYep/ky-design-to-html-skill

Uma habilidade para Codex / Claude que recria capturas de tela de UI em HTML/CSS.

O que é ky-design-to-html-skill?

Esta skill permite que agentes de IA como Claude Code e Codex transformem capturas de tela de interfaces de usuário em código HTML/CSS funcional e fiel ao design original. Ela é útil para desenvolvedores que desejam prototipar rapidamente ou converter designs visuais em código sem esforço manual. A habilidade utiliza técnicas de reconhecimento visual do modelo para extrair cores, fontes, espaçamentos e estrutura de layout da imagem de entrada, gerando um arquivo HTML com CSS inline ou externo. Baseada no repositório de KyrieCheungYep, ela suporta os principais agentes de codificação da Anthropic e OpenAI, sendo ideal para fluxos de trabalho de front-end, design-engineering e automação de UI.

Funciona com✓Claude Code✓Codex CLI~Cursor
npx skills add KyrieCheungYep/ky-design-to-html-skill

Installed? Explore more Pesquisa e Análise de Dados skills: affaan-m/uspto-database, affaan-m/scholar-evaluation, affaan-m/literature-review · View all 6 →

Perguntar na sua IA favorita

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

Documentação

Habilidades Relacionadas