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.
將此請求複製給你的智慧代理,其中包含權威 Skill 頁面和清單。
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.你的智慧代理仍應顯示其計畫,並依安全政策請求必要確認。
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時,請使用這些連結。
正在使用「uizze-ui」。 Improve a settings screen using existing components without connecting to Uizze.
預期結果:
正在使用「uizze-ui」。 Implement an approved checkout image and compare the result at its original viewport.
預期結果:
正在使用「uizze-ui」。 Find Uizze references and suitable icon assets for a mobile onboarding screen.
預期結果:
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.
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據,不判斷該 Skill 是否安全。
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.
作者
uizze授權
MIT
作者版本
v1.0.0
Skillstore 修訂
r1
引用
7f17813fb6af1acc7d8fd3fb5f05480f5be52783
維護新鮮度
2026/10/13
使用量
0 次下載 · 0 次瀏覽
檔案結構
設計具辨識度的 UI 原型
由 tencentcloudbase
一般化的 AI 介面通常缺乏視覺方向與符合平台脈絡的細節。此技能會引導 Claude、Codex 和 Claude Code 在建置原型前先定義設計意圖。
Build Consistent Design Systems and Slides
由 nextlevelbuilder
Inconsistent tokens and components make design handoffs difficult. This skill structures tokens, validates usage, and generates brand-aligned presentation assets.
設計獨特的前端介面
由 Atman36
通用生成介面通常看起來可預測且薄弱。這項技能會引導 Claude、Codex 和 Claude Code 產出獨特且生產環境就緒的前端設計。
透過研究導向的設計指引改善 UX
由 shubhamsaboo
團隊常根據假設設計流程,並忽略無障礙問題。此技能運用 UX 最佳實務,指導研究、結構、互動設計與審查。
套用 Anthropic 品牌樣式
由 ZhanlinCui
團隊經常需要在文件和簡報中維持一致的 Anthropic 風格視覺。此技能提供實用的色彩、字體排印和強調元素指引,用於製作精緻的品牌化成果物。
實作 React View Transitions
由 vercel-labs
React view transitions 很容易放錯位置,導致動畫靜默無效或過於吵雜。這項技能會引導你針對路由、Suspense、清單與共享元素的動畫做出選擇。