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.
Copiez cette demande dans votre Agent. Elle contient la page Skill de référence et le manifeste.
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.Votre Agent doit toujours présenter son plan et demander toute confirmation exigée par la politique de sécurité.
Utilisez ces liens lorsquâun Agent IA, un crawler ou un script a besoin dâun contexte propre au lieu de lire toute la page.
Utilisation de « uizze-ui ». Improve a settings screen using existing components without connecting to Uizze.
Résultat attendu:
Utilisation de « uizze-ui ». Implement an approved checkout image and compare the result at its original viewport.
Résultat attendu:
Utilisation de « uizze-ui ». Find Uizze references and suitable icon assets for a mobile onboarding screen.
Résultat attendu:
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.
Partagez le rapport dâĂ©valuation versionnĂ©, le badge neutre, la carte intĂ©grable et les citations. Skillstore prĂ©sente les preuves sans dĂ©cider si ce Skill est sĂ»r.
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.
Auteur
uizzeLicence
MIT
Version de lâauteur
v1.0.0
Révision Skillstore
r1
DépÎt
https://github.com/uizze/uizze/tree/40b0ee439ba88aecb65d68bcb379da0e716b899e/skills/uizze-uiRéf
7f17813fb6af1acc7d8fd3fb5f05480f5be52783
Récence de maintenance
13/10/2026
Utilisation
0 téléchargements · 0 vues
Structure de fichiers
Concevoir des prototypes dâinterface utilisateur distinctifs
par tencentcloudbase
Les interfaces dâIA gĂ©nĂ©riques manquent souvent de direction visuelle et de dĂ©tails adaptĂ©s Ă la plateforme. Cette compĂ©tence guide Claude, Codex et Claude Code pour dĂ©finir lâintention de conception avant de crĂ©er des prototypes.
Build Consistent Design Systems and Slides
par nextlevelbuilder
Inconsistent tokens and components make design handoffs difficult. This skill structures tokens, validates usage, and generates brand-aligned presentation assets.
Concevoir des interfaces frontend distinctives
par Atman36
Les interfaces gĂ©nĂ©rĂ©es gĂ©nĂ©riques semblent souvent prĂ©visibles et faibles. Cette compĂ©tence guide Claude, Codex et Claude Code vers une conception frontend distinctive et prĂȘte pour la production.
Améliorer l'UX grùce à des recommandations de design guidées par la recherche
par shubhamsaboo
Les équipes conçoivent souvent des parcours à partir d'hypothÚses et passent à cÎté de problÚmes d'accessibilité. Cette compétence guide la recherche, la structure, le design d'interaction et la revue à l'aide des meilleures pratiques UX.
Appliquer le style de marque Anthropic
par ZhanlinCui
Les équipes ont souvent besoin de visuels cohérents de style Anthropic dans leurs documents et présentations. Cette compétence fournit des recommandations pratiques sur les couleurs, la typographie et les accents pour créer des artefacts de marque soignés.
Implémenter les transitions de vue React
par vercel-labs
Les transitions de vue React sont faciles Ă mal placer, ce qui entraĂźne des animations silencieuses ou gĂȘnantes. Cette skill guide les choix dâanimations de routes, de Suspense, de listes et dâĂ©lĂ©ments partagĂ©s.