ux-prototyping
构建交互式 UX 原型
团队需要在工程工作开始前快速验证流程。此技能可将 UX 规格转换为交互式 HTML 原型，包含屏幕、状态和基础交互。
使用我的智能体安装
将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。
Review the Skillstore skill "ux-prototyping" from https://skillstore.io/skills/emz1998-ux-prototyping.md and its manifest at https://skillstore.io/api/skills/emz1998-ux-prototyping/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智能体仍应展示其计划，并按安全策略请求必要确认。
Agent 可读资源
当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。
测试它
正在使用“ux-prototyping”。 一个任务管理器的 UX 规格，包含登录、仪表板、创建任务模态框和详情视图。
预期结果:
一个单文件 HTML 原型，包含欢迎、登录、仪表板、创建任务、空状态和任务详情屏幕。
正在使用“ux-prototyping”。 验证带有支付错误的移动端结账流程的请求。
预期结果:
一个响应式原型，展示购物车复核、配送、支付、确认、银行卡被拒和重试路径。
正在使用“ux-prototyping”。 UX 设计师请求为搜索流程提供空状态、加载状态和错误状态。
预期结果:
一个展示骨架屏加载、空结果、内联验证错误和成功确认视图的原型。
安全审计
安全The only confirmed issue is a medium client-side XSS risk in assets/prototype-template.html where form values are rendered with innerHTML. The remaining static findings are false positives from Markdown backticks, JavaScript template literals, CSS border styles, and local array lookup. No prompt injection or malicious intent was found.
能力复核项 (1)
这些是真实的本地能力，对此技能可能是预期行为，因此需要复核，但不会按已确认恶意行为计分。
风险因素
⚡ 包含脚本 (1)
⚙️ 外部命令 (16)
分享与引用此报告
分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。
复制报告链接
https://skillstore.io/skills/emz1998-ux-prototyping/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/emz1998-ux-prototyping?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/emz1998-ux-prototyping?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emz1998-ux-prototyping/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/emz1998-ux-prototyping.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>学术引用 (APA · BibTeX · CFF)
APA 引用
Emz1998. (2026). ux-prototyping security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emz1998-ux-prototyping/audits/6BibTeX 引用
@techreport{emz1998-emz1998-ux-prototyping-2026,
author = {Emz1998},
title = {ux-prototyping security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/emz1998-ux-prototyping/audits/6},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "ux-prototyping security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "Emz1998"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/emz1998-ux-prototyping/audits/6"
identifiers:
- type: other
value: "skillstore:emz1998-ux-prototyping:audit:6"
description: "Skillstore immutable audit report identifier"
Skillstore 评分
评分依据 证据置信度: 高你能构建什么
验证入门引导流程
在投入工程资源前，将 UX 规格转换为可点击的屏幕，供利益相关方审查。
测试交互状态
预览空状态、加载状态、错误状态和成功状态，以检查流程是否完整。
演示应用概念
创建一个可移植的 HTML 原型，用于反馈会议，无需构建后端服务。
试试这些提示
根据 specs/architecture/ux.md 创建一个交互式 HTML 原型。包含主要屏幕、导航和空状态。
为 [path] 中的入门引导流程构建原型。包含表单验证、成功、错误和恢复状态。
更新原型，使屏幕转场、模态框行为、禁用按钮和验证反馈符合 UX 规格。
为 [feature] 创建完整的验证原型。覆盖主路径、次要路径、加载、部分完成、错误和回滚路径。
最佳实践
- 提供 UX 规格路径，并首先说明主要用户流程。
- 列出所需状态，包括空状态、加载状态、错误状态和成功场景。
- 在将生成的原型用于研究前，审查其中的文本和交互。
避免
- 要求生产代码、后端集成或数据库持久化。
- 只提供视觉偏好，而不提供用户旅程或屏幕需求。
- 在审查生成的 JavaScript 前，将原型分享给不受信任的用户。
常见问题
此技能会创建什么？
它可以使用我现有的 UX 规格吗？
输出是否可用于生产环境？
它需要后端吗？
我可以测试移动端流程吗？
哪些 AI 工具可以使用它？
开发者详情
作者
Emz1998许可证
MIT
Skillstore 修订
r1
版本提示
作者未声明版本。
引用
26421118b848d9f1efc0aa169d8a7a9e7e0a877e
维护新鲜度
2026/7/21
使用量
7 次下载 · 227 次浏览
文件结构