83.3K+Baixar
Ir para o guia de uso
enhance-promptpor Google Labs

Enhance Prompt Skill.

Um agente para Claude Code e Codex focado em design de UI: reescreve ideias vagas de interface em prompts refinados e otimizados para Stitch.

  • Web & UI
Baixar OpenDesignVer guia de uso
google-labs-code/stitch-skills · plugins/stitch-utilities/skills/enhance-prompt/SKILL.mdSKILL.md
--- name: enhance-prompt description: Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better generation results. --- ## Prerequisites ## When to Use This Skill ## Enhancement Pipeline ## Output Options ## Examples ## Tips for Best Results
Metadados e títulos de seção lidos do arquivo original em 14/09/2026 · 6.618 caracteres no total

01 O que faz

O que a skill enhance-prompt faz no Claude Code e no Codex

Resumo, fluxo de trabalho e resultados, todos lidos do SKILL.md do skill.

Do SKILL.mdLido em 14/09/2026 · não é uma execução registrada

Nos termos do próprio skill

Essa skill transforma ideias brutas de UI em prompts moldados para geração no Stitch. Atuando como um Stitch Prompt Engineer, ela auditoria a entrada em busca de plataforma, tipo de página, estrutura, estilo visual, cores e componentes ausentes, depois reescreve termos vagos em nomes específicos de componentes, amplifica adjetivos de clima, agrupa o conteúdo em seções numeradas e formata cada cor como nome, código hex e papel funcional.

Quando o projeto possui um DESIGN.md, sua paleta, tipografia e estilos de componentes são incorporados em um bloco DESIGN SYSTEM (REQUIRED); quando não possui, uma dica aponta para a skill design-md. A saída é um texto copiável por padrão, ou um arquivo como next-prompt.md para o stitch-loop.

O que ele produz

  • Um prompt aprimorado que abre com uma descrição de uma linha sobre o propósito e o clima da página, seguida do bloco de design system e da estrutura de página numerada.
  • Um arquivo opcional next-prompt.md, escrito para uso com a skill stitch-loop.
  • Um arquivo opcional com um nome personalizado escolhido pelo usuário.
Veja o exemplo de prompt ↗

Como funciona

  1. 01
    Auditar a Entrada Bruta

    A skill verifica o prompt do usuário em relação a seis elementos: plataforma, tipo de página, estrutura, estilo visual, cores e componentes.

  2. 02
    Incorporar o Design System

    Ela procura por um DESIGN.md no projeto atual e lê o bloco de design system para que a paleta, a tipografia e os estilos de componentes possam ser reutilizados no novo prompt.

  3. 03
    Aplicar as Técnicas de Aprimoramento

    Termos vagos se tornam componentes nomeados, adjetivos são amplificados em um clima, o conteúdo é organizado em seções numeradas, e as cores são escritas com um nome descritivo, valor hex e papel.

  4. 04
    Formatar a Saída em uma Ordem Fixa

    O resultado abre com uma descrição de uma linha sobre o propósito e o clima da página, depois um bloco DESIGN SYSTEM (REQUIRED), depois uma Estrutura de Página numerada.

02 Encontre o ideal para você

Quando Usar a Skill enhance-prompt

Use a skill enhance-prompt no Claude Code ou Codex quando o trabalho for design de UI deste tipo. Adequação e limites abaixo são do próprio arquivo da skill.

Boa Combinação

  • Aprimorando um prompt de UI antes de enviá-lo ao Stitch.
  • Reformulando um prompt que já produziu resultados ruins de geração.
  • Adicionando consistência de design system a uma ideia simples.
  • Transformando um conceito vago em um prompt estruturado e acionável.

Conheça os Limites

  • Agrupar várias alterações não relacionadas em um único pedido de edição é ativamente desencorajado; as edições devem ser tratadas uma alteração por vez.
  • O excesso de design é um antipadrão: quando o usuário quer algo simples, o aprimoramento deve permanecer alinhado a essa intenção.

O Que Fornecer

  • A ideia inicial ou o prompt existenteUma ideia vaga de geração de UI ou um prompt com desempenho abaixo do esperado é o material inicial que o skill reescreve.
  • O DESIGN.md do projeto, se existirÉ lido a partir do projeto atual para que sua paleta, tipografia e estilos de componentes possam ser levados para o novo prompt.

03 Dentro da skill

Regras que o skill enhance-prompt dá ao Claude Code e ao Codex

7 instruções concretas, padrões e limites que o SKILL.md define para o agente — a parte do arquivo que muda o resultado.

  1. Consulte Primeiro o Guia do Stitch

    Antes de aprimorar qualquer coisa, consulte a documentação oficial de prompting do Stitch, pois suas recomendações podem sobrepor os padrões incorporados a este skill.

  2. Reformule o DESIGN.md como um Bloco Obrigatório

    Quando existe um DESIGN.md, seu conteúdo não é citado como está; ele é reformatado em uma seção intitulada DESIGN SYSTEM (REQUIRED) na saída.

  3. Cubra o Caso de DESIGN.md Ausente

    Se nenhum DESIGN.md estiver presente, o prompt aprimorado termina com uma nota direcionando o usuário ao skill design-md para designs multitela consistentes.

  4. Escreva as Cores em Um Padrão Fixo

    Cada cor é expressa como nome descritivo, código hexadecimal entre parênteses e a função que desempenha, nunca como uma amostra simples ou adjetivo vago.

  5. Numere as Seções da Página

    O conteúdo da página é agrupado em seções numeradas para que o Stitch leia a hierarquia, em vez de ser deixado como um parágrafo de prosa.

  6. Padrão de Saída em Texto

    A menos que o usuário solicite o contrário, o prompt aprimorado é retornado como texto para copiar; gravar em um arquivo é opcional.

  7. Preserve o Restante em Edições Direcionadas

    Quando o pedido é uma edição em vez de uma nova página, o prompt deve declarar que apenas a alteração descrita é feita e todos os elementos existentes permanecem.

04 Coloque em prática

Instale enhance-prompt no Claude Code ou Codex

Um comando npx skills add, depois uma primeira tarefa no seu agente e uma checklist para o resultado.

Adicione enhance-prompt ao Claude Code, Codex ou Seu Agente

Rode no seu projeto; o instalador pergunta a qual agente adicioná-lo.

Terminal
npx skills add https://github.com/google-labs-code/stitch-skills --skill enhance-prompt

Forma genérica da CLI skills para plugins/stitch-utilities/skills/enhance-prompt/SKILL.md; o repositório pode documentar seu próprio caminho.

Dê ao Skill uma Primeira Tarefa de Design de UI

Adapte este prompt com seu próprio conteúdo e restrições, depois execute no Claude Code ou Codex.

Example prompt
make me a login page

Fonte: exemplo do SKILL.md (na íntegra).

Verifique o Primeiro Resultado

O que o próprio SKILL.md diz sobre como é um resultado correto:

  • O prompt contém um bloco DESIGN SYSTEM (REQUIRED) listando platform, theme, background, primary accent e text primary nessa ordem.
  • Cada cor é apresentada como nome descritivo, código hexadecimal e função.
  • O conteúdo da página aparece como seções numeradas, como um cabeçalho com navegação, em vez de uma descrição solta.
  • Nenhuma palavra vaga de componente sobrevive; um pedido de botão se torna um botão principal de chamada para ação.
  • O bloco de design system está presente, já que a consistência é o que faz o resultado de múltiplas páginas se manter coeso.
  • Para uma edição pontual, o prompt especifica localização, estilo, placeholder, comportamento e largura em vez de descrever a página inteira novamente.

No OpenDesign o enhance-prompt já vem incluído: Plugins → Skills, selecione-o na barra superior.

Baixar OpenDesignLer o quickstart

05 Código aberto, rastreável

Fonte, Licença e Verificação

De onde vêm os fatos desta página e quando foram verificados pela última vez.

Author
Google Labs
Repository
github.com/google-labs-code/stitch-skills Branch main
Arquivo da skill
plugins/stitch-utilities/skills/enhance-prompt/SKILL.md Checksum de conteúdo registrado na verificação; commit 0337446
License
Apache-2.0 De LICENSE.
Estrelas do repositório
8.304 Snapshot do GitHub capturado em 14/09/2026 para todo o repositório google-labs-code/stitch-skills, que contém 12 skills neste catálogo. Não é uma classificação ou contagem de uso para enhance-prompt.
Verificado pelo OpenDesign
2026-09-14 Arquivo fonte, caminho, texto de licença e contagem de estrelas foram verificados. Incluído no OpenDesign main (verificado em 2026-08-28); uma execução real não foi registrada nesta página.

Dentro do SKILL.md

  1. Pré-requisitosConsulte o guia oficial de prompting do Stitch antes de aprimorar, já que ele pode substituir estes padrões.
  2. Quando Usar Este SkillQuatro gatilhos: refinar um prompt, corrigir um resultado fraco, adicionar consistência de design, estruturar um conceito vago.
  3. Pipeline de AprimoramentoQuatro etapas: avaliar lacunas, verificar o DESIGN.md, aplicar técnicas de palavra-chave, vibe, estrutura e cor, depois formatar.
  4. Opções de SaídaTexto para copiar por padrão; opcionalmente, escrever next-prompt.md ou um arquivo nomeado pelo usuário.
  5. ExemplosUm pedido vago de página de login e uma edição pontual de adicionar uma barra de busca, ambos com a saída aprimorada completa.
  6. Dicas para Melhores ResultadosCinco lembretes cobrindo especificidade, intenção do usuário, estrutura numerada, inclusão do design system e edições de mudança única.
A Descrição da Própria Skill
"Transforma ideias vagas de UI em prompts polidos e otimizados para Stitch. Aumenta especificidade, adiciona palavras-chave de UI/UX, injeta contexto de design system e estrutura a saída para melhores resultados de geração."

Descrição do front-matter do SKILL.md. O arquivo completo tem cerca de 6.618 caracteres. Leia o arquivo completo no GitHub.

06 Antes de instalar

Perguntas Sobre o Skill enhance-prompt

As respostas vêm do SKILL.md conforme lido em 2026-09-14, e não de uma execução registrada.

Preciso de um DESIGN.md antes de poder usar este skill?

Não. O skill simplesmente procura por um no projeto atual. Se não houver nenhum, o prompt aprimorado termina com uma dica sugerindo que você crie um com o skill design-md, para que todas as páginas geradas compartilhem a mesma linguagem visual.

Como é o prompt final na prática?

Uma descrição de uma linha do propósito e vibe da página, um bloco DESIGN SYSTEM (REQUIRED) com tokens de plataforma, tema, fundo e destaque, e depois uma Page Structure numerada. A seção de estrutura lista cada área, como cabeçalho, hero e rodapé.

Ele salva o prompt em algum lugar ou apenas exibe?

Por padrão, ele retorna o prompt aprimorado como texto para você copiar. Se você solicitar um arquivo, ele pode escrever next-prompt.md para o skill stitch-loop, ou um nome de arquivo que você especificar.

Quais ferramentas este skill precisa?

Ele declara Read e Write como suas ferramentas permitidas, o que cobre a leitura de um DESIGN.md e a escrita de um arquivo de prompt opcional.

Enhance Prompt

Execute enhance-prompt em uma Tarefa Real de Design de UI.

O skill enhance-prompt vem incluído no OpenDesign. Baixe o app, escolha o skill em Plugins → Skills, cole o prompt acima e leia o plano antes do resultado.

Baixar OpenDesignVer todas as skills
Terminal
npx skills add https://github.com/google-labs-code/stitch-skills --skill enhance-prompt