Explore and Refine Interface Designs
Interface projects often need clear visual direction before implementation. Oil UI guides design exploration, preview comparison, and evidence-based refinement.
Pare e solicite confirmação antes de instalar.
Revise o plano e obtenha o consentimento explícito do usuário antes de alterar arquivos.
Copie esta solicitação para o seu Agente. Ela inclui a página canônica do Skill e o manifesto.
Review the Skillstore skill "oil-ui" from https://skillstore.io/skills/oil-oil-oil-ui.md and its manifest at https://skillstore.io/api/skills/oil-oil-oil-ui/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.Seu Agente ainda deve apresentar o plano e solicitar qualquer confirmação exigida pela política de segurança.
Use estes links quando um agente de IA, crawler ou script precisar de contexto limpo em vez de ler a página completa.
Usando "oil-ui". Compare three visual directions for a course booking interface.
Resultado esperado:
Usando "oil-ui". Review an existing interface without changing files.
Resultado esperado:
Usando "oil-ui". Capture evidence for an interactive prototype.
Resultado esperado:
Desktop and mobile screenshots, a text-masked comparison, motion frames, and a report listing console errors, overflow, or failed images.
Most alerts are false positives from JavaScript syntax, minified Alpine, image encoding, Chinese documentation, and defensive tests. Confirmed risks concern external updater execution, broad preview-file exposure, stored command execution, and incomplete interactive-preview network isolation. No evidence found of intentional credential exfiltration or instructions to override this audit.
Estas são capacidades locais reais que podem ser esperadas para esta habilidade, portanto exigem revisão, mas não são contabilizadas como comportamento malicioso confirmado.
Compartilhe o relatório de avaliação versionado, o badge neutro, o cartão incorporável e as citações. A Skillstore apresenta evidências sem decidir se este Skill é seguro.
https://skillstore.io/skills/oil-oil-oil-ui/audits/2?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/oil-oil-oil-ui?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/oil-oil-oil-ui?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/oil-oil-oil-ui/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/oil-oil-oil-ui.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>oil-oil. (2026). oil-ui security audit report (audit version 2) [Author version 0.15.5]. Skillstore. https://skillstore.io/skills/oil-oil-oil-ui/audits/2@techreport{oil-oil-oil-oil-oil-ui-2026,
author = {oil-oil},
title = {oil-ui security audit report (audit version 2)},
institution = {Skillstore},
year = {2026},
number = {2},
url = {https://skillstore.io/skills/oil-oil-oil-ui/audits/2},
note = {Author version 0.15.5}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "oil-ui security audit report (audit version 2)"
version: "0.15.5"
type: report
authors:
- name: "oil-oil"
date-released: "2026-10-05"
url: "https://skillstore.io/skills/oil-oil-oil-ui/audits/2"
identifiers:
- type: other
value: "skillstore:oil-oil-oil-ui:audit:2"
description: "Skillstore immutable audit report identifier"
Compare distinct interface directions before selecting typography, imagery, and composition for implementation.
Improve hierarchy and spacing while preserving established brand assets, components, and project conventions.
Inspect desktop and mobile evidence, record visible problems, and prioritize changes without modifying project files.
Review this screen for hierarchy, spacing, typography, and readability. Keep files unchanged and distinguish visible defects from style preferences.
Explore three distinct directions for this product. Keep the audience, content, and main action consistent, then create a comparison page.
Recreate this reference at its documented viewport. Add a mobile layout and label assumptions where the reference does not show behavior.
Refine this workflow using existing components. Capture key states and motion evidence, request an independent visual review, and report remaining gaps.
Autor
oil-oilLicença
MIT
Versão do autor
v0.15.5
Revisão da Skillstore
r2
Referência
47f59dc55cb81458b6e112128ee16cf32ef77f31
Atualidade da manutenção
06/10/2026
Uso
10 downloads · 0 visualizações
Build Accessible Tailwind Interfaces
por nextlevelbuilder
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
Planeje a UX Antes de Construir
por pbakaus
As equipes frequentemente constroem interfaces antes de esclarecer objetivos dos usuários, estados e restrições. Esta skill orienta a descoberta e produz um briefing de design para implementação.
Projete Protótipos de UI Diferenciados
por tencentcloudbase
Interfaces genéricas de IA muitas vezes carecem de direção visual e detalhes atentos à plataforma. Esta skill orienta Claude, Codex e Claude Code a definir a intenção de design antes de criar protótipos.
Crie Interfaces Inspiradas na Apple
por BarisSozen
Equipes modernas de produto precisam de orientação de UI consistente e refinada. Esta skill oferece a Claude, Codex e Claude Code regras práticas inspiradas na Apple para tipografia, cor, espaçamento, componentes, movimento e revisão de UX.
Melhorar o Design Visual do Frontend
por Barnhardt-Enterprises-Inc
Ecrãs de frontend genéricos muitas vezes parecem semelhantes e não têm foco na marca. Esta skill orienta escolhas de tipografia, cor, movimento e profundidade para interfaces mais claras.
Crie Páginas de Destino Distintivas
por 2389-research
Páginas de destino genéricas não conseguem conquistar confiança nem atenção. Esta skill orienta Claude, Codex e Claude Code pela descoberta, estrutura, direção visual, animação e polimento focado na conversão.