image-to-ui
80Recreate Screenshots as Working Interfaces
Recreating a screenshot can introduce unwanted design changes and visible mismatches. This skill guides your agent to implement the reference and compare rendered results.
Build and Refine Interfaces with Uizze
Interface changes can lose visual consistency or disrupt existing workflows. This skill guides implementation from visual targets and project conventions, with optional Uizze resources and explicit verification.
Copie esta solicitação para o seu Agente. Ela inclui a página canônica do Skill e o manifesto.
Review the Skillstore skill "uizze-ui" from https://skillstore.io/skills/uizze-uizze-ui.md and its manifest at https://skillstore.io/api/skills/uizze-uizze-ui/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.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 "uizze-ui". Improve a settings screen using existing components without connecting to Uizze.
Resultado esperado:
Usando "uizze-ui". Implement an approved checkout image and compare the result at its original viewport.
Resultado esperado:
Usando "uizze-ui". Find Uizze references and suitable icon assets for a mobile onboarding screen.
Resultado esperado:
All 16 static findings are false positives involving Markdown notation, ordinary resource links, access requirements, and a documented maintenance schedule. No evidence found of shell execution, system reconnaissance, local job scheduling, credential exfiltration, or prompt injection in the reviewed files. Optional resource access uses normal client authorization, with explicit safeguards for credentials, private data, licenses, and retrieved content.
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/uizze-uizze-ui/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/uizze-uizze-ui?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/uizze-uizze-ui?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/uizze-uizze-ui/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/uizze-uizze-ui.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>uizze. (2026). uizze-ui security audit report (audit version 1) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/uizze-uizze-ui/audits/1@techreport{uizze-uizze-uizze-ui-2026,
author = {uizze},
title = {uizze-ui security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/uizze-uizze-ui/audits/1},
note = {Author version 1.0.0}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "uizze-ui security audit report (audit version 1)"
version: "1.0.0"
type: report
authors:
- name: "uizze"
date-released: "2026-10-13"
url: "https://skillstore.io/skills/uizze-uizze-ui/audits/1"
identifiers:
- type: other
value: "skillstore:uizze-uizze-ui:audit:1"
description: "Skillstore immutable audit report identifier"
Improve hierarchy, spacing, typography, and interface states while preserving existing components and application behavior.
Translate an approved screen image into working components and compare the rendered result against the target.
Develop a coherent prototype using existing project assets and optional Uizze examples, design packs, fonts, or icons.
Improve the spacing and hierarchy of [screen]. Reuse existing components, preserve behavior, and report the checks you complete.
Implement the supplied image for [screen] at [viewport]. Use our stack and real controls. Compare screenshots and report remaining differences.
Use my authenticated Uizze connection to find two relevant references and a design pack for [screen]. Ask before retrieving the selected pack.
Redesign [screen] using an approved visual target. Preserve data contracts, cover interface states, check keyboard access and responsive layouts, and document verification gaps.
Autor
uizzeLicença
MIT
Versão do autor
v1.0.0
Revisão da Skillstore
r1
Repositório
https://github.com/uizze/uizze/tree/40b0ee439ba88aecb65d68bcb379da0e716b899e/skills/uizze-uiReferência
7f17813fb6af1acc7d8fd3fb5f05480f5be52783
Atualidade da manutenção
13/10/2026
Uso
0 downloads · 0 visualizações
Estrutura de arquivos
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.
Extrair Padrões Reutilizáveis de Sistema de Design
por pbakaus
As equipes frequentemente duplicam componentes de UI, tokens e padrões de layout em uma aplicação. Esta skill ajuda Claude, Codex ou Claude Code a encontrar padrões reutilizáveis e consolidá-los em um sistema de design mantido.
Build Consistent Design Systems and Slides
por nextlevelbuilder
Inconsistent tokens and components make design handoffs difficult. This skill structures tokens, validates usage, and generates brand-aligned presentation assets.
Crie Interfaces Frontend Distintivas
por Atman36
Interfaces genéricas geradas muitas vezes parecem previsíveis e fracas. Esta skill orienta Claude, Codex e Claude Code para um design frontend distintivo e pronto para produção.
Melhore a UX com orientação de design baseada em investigação
por shubhamsaboo
As equipas muitas vezes desenham fluxos com base em pressupostos e ignoram problemas de acessibilidade. Esta skill orienta a investigação, a estrutura, o design de interação e a revisão usando boas práticas de UX.
Aplicar estilo visual da marca Anthropic
por ZhanlinCui
Equipes muitas vezes precisam de visuais consistentes no estilo Anthropic em documentos e apresentações. Esta skill oferece orientações práticas de cor, tipografia e acentos para materiais de marca refinados.