O que design-doc-to-ui-skill faz?
Habilidade do Codex para converter documentos de design em protótipos de UI revisados.
Visão Geral
Esta habilidade automatiza a criação de protótipos de interface do usuário a partir de documentos de design, como especificações técnicas, wireframes ou descrições textuais. Ela gera código de UI funcional que pode ser visualizado e iterado com feedback.
Como Usar
- Forneça um documento de design (arquivo markdown, PDF, ou descrição textual).
- A habilidade analisa o documento e gera um protótipo de UI correspondente.
- Revise o protótipo e forneça feedback para refinamentos.
- Itere até que o protótipo atenda aos requisitos.
Plataformas Suportadas
- Codex (VS Code) — principal plataforma.
- Outras plataformas compatíveis com Codex podem ser usadas.
Requisitos
- Conexão com a internet para acesso ao Codex.
- Documento de design no formato aceito (markdown, texto plano, ou PDF).
Exemplo
# Documento de Design: Página de Login
- Campo de email
- Campo de senha
- Botão de login
- Link para recuperação de senha
A habilidade gerará um protótipo funcional com esses elementos.
Notas
- A qualidade do protótipo depende da clareza e detalhamento do documento de design.
- Revisões podem ser solicitadas após a primeira geração.