Repolode
Enviar
oil-oil

oil-oil/oil-ui

Uma skill de design de interfaces para agentes de IA que explora diferentes direções visuais, compara opções lado a lado e as refina com base em screenshots reais.

Ver no GitHubSite
Estrelas
1,821
Forks
98
Issues abertas
0
Último commit
anteontem

O que é?

Oil UI é uma skill open source para agentes como Claude Code e Codex. Ao receber um pedido para criar um site, app, dashboard ou componente, ela primeiro identifica a categoria do produto e analisa produtos comparáveis; em seguida, define um tom e o traduz em escolhas concretas de tipografia, espaçamento e cores.

A skill gera várias direções visuais distintas e as reúne em uma página de comparação, onde a pessoa pode alternar entre as visualizações para desktop e mobile e escolher a favorita. Depois, a direção escolhida é refinada, aberta em tamanhos para desktop e mobile e conferida por meio de screenshots antes de o trabalho ser considerado concluído.

A instalação é feita com npx skills add, e a skill precisa do Python 3 para uma verificação de versão opcional. A edição Pro, também opcional, inclui trabalho de usabilidade, verificações de acabamento e reformulação de projetos existentes.

Recursos principais

  • 01Explora várias direções visuais distintas para o mesmo produto.
  • 02Exibe as opções lado a lado em uma página de comparação, com visualizações para desktop e mobile.
  • 03Refina a opção escolhida com base no seu feedback.
  • 04Confere as páginas finalizadas por meio de screenshots para desktop e mobile.
  • 05Pode recriar uma página a partir de um screenshot, incluindo um layout para mobile.

Casos de uso

  • Explorar direções visuais para um novo site ou app antes de escolher uma delas.
  • Reformular uma landing page ou um dashboard com um agente de programação de IA.
  • Recriar uma página existente a partir de um screenshot e acrescentar um layout para mobile.

Início rápido

  1. 1

    Instale a skill

    npx skills add oil-oil/oil-ui
  2. 2

    Peça ao seu agente para explorar direções de design para o seu produto

Antes de usar

  • A versão de código aberto não inclui recursos Pro, como verificações de usabilidade, layouts de painéis e efeitos.
  • A verificação de versão requer Python 3 e consulta a lista pública de versões on-line, a menos que seja desativada com OIL_NO_UPDATE_CHECK=1.

Tópicos

#agent-skills#ui-design#claude-code#codex#frontend#ux-design#ai-design#claude-skills

Perguntas frequentes

O que é oil-ui?
Uma skill de design de interfaces para agentes de IA que explora diferentes direções visuais, compara opções lado a lado e as refina com base em screenshots reais. Oil UI é uma skill open source para agentes como Claude Code e Codex. Ao receber um pedido para criar um site, app, dashboard ou componente, ela primeiro identifica a categoria do produto e analisa produtos comparáveis; em seguida, define um tom e o traduz em escolhas concretas de tipografia, espaçamento e cores.
oil-ui é gratuito? Qual é a licença?
oil-ui é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
oil-ui ainda é mantido?
Manutenção ativa. O último commit de oil-ui foi em 18 de out. de 2026.
Para que posso usar oil-ui?
Explorar direções visuais para um novo site ou app antes de escolher uma delas. Reformular uma landing page ou um dashboard com um agente de programação de IA. Recriar uma página existente a partir de um screenshot e acrescentar um layout para mobile.
Como instalar oil-ui?
Instale a skill: npx skills add oil-oil/oil-ui Peça ao seu agente para explorar direções de design para o seu produto
Onde consigo oil-ui?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/oil-oil/oil-ui

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados