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.
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.
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.Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.
Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.
„uizze-ui“ wird verwendet. Improve a settings screen using existing components without connecting to Uizze.
Erwartetes Ergebnis:
„uizze-ui“ wird verwendet. Implement an approved checkout image and compare the result at its original viewport.
Erwartetes Ergebnis:
„uizze-ui“ wird verwendet. Find Uizze references and suitable icon assets for a mobile onboarding screen.
Erwartetes Ergebnis:
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.
Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.
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
uizzeLizenz
MIT
Autorenversion
v1.0.0
Skillstore-Revision
r1
Repository
https://github.com/uizze/uizze/tree/40b0ee439ba88aecb65d68bcb379da0e716b899e/skills/uizze-uiRef.
7f17813fb6af1acc7d8fd3fb5f05480f5be52783
Aktualität der Wartung
13.10.2026
Nutzung
0 Downloads · 0 Aufrufe
Dateistruktur
Markante UI-Prototypen entwerfen
von tencentcloudbase
Generische KI-Oberflächen haben oft keine klare visuelle Richtung und zu wenig plattformspezifische Detailtiefe. Dieser Skill leitet Claude, Codex und Claude Code dabei an, vor dem Erstellen von Prototypen die Designabsicht zu definieren.
Build Consistent Design Systems and Slides
von nextlevelbuilder
Inconsistent tokens and components make design handoffs difficult. This skill structures tokens, validates usage, and generates brand-aligned presentation assets.
Unverwechselbare Frontend-Oberflächen gestalten
von Atman36
Generische generierte Oberflächen wirken oft vorhersehbar und schwach. Diese Skill führt Claude, Codex und Claude Code zu unverwechselbarem, produktionsreifem Frontend-Design.
UX mit forschungsgestützter Designberatung verbessern
von shubhamsaboo
Teams entwerfen Abläufe oft auf Basis von Annahmen und übersehen Barrierefreiheitsprobleme. Dieser Skill unterstützt Forschung, Struktur, Interaktionsdesign und Reviews anhand von UX-Best-Practices.
Anthropic-Markenstyling anwenden
von ZhanlinCui
Teams benötigen häufig konsistente visuelle Elemente im Anthropic-Stil für Dokumente und Präsentationen. Diese Skill bietet praktische Orientierung zu Farben, Typografie und Akzenten für hochwertige gebrandete Artefakte.
React View Transitions implementieren
von vercel-labs
React View Transitions lassen sich leicht falsch platzieren, was zu unbemerkten oder störenden Animationen führt. Dieser Skill unterstützt Entscheidungen zu Animationen für Routen, Suspense, Listen und Shared Elements.