技能 ui-ux-pro-max

📦

ui-ux-pro-max

Name: ui-ux-pro-max
Author: ZhanlinCui

内容修订 r1 中风险 ⚡ 包含脚本🌐 网络访问📁 文件系统访问🔑 环境变量⚙️ 外部命令

借助 UI 指南设计更好的界面

团队需要在多种前端技术栈中做出一致的 UI 决策。此技能会将产品上下文转化为实用的设计系统、UX 检查和实现指南。

支持: Claude Codex Code(CC)

📊 67 合格

使用我的智能体安装

将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。

智能体请求

Review the Skillstore skill "ui-ux-pro-max" from https://skillstore.io/skills/zhanlincui-ui-ux-pro-max.md and its manifest at https://skillstore.io/api/skills/zhanlincui-ui-ux-pro-max/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

你的智能体仍应展示其计划，并按安全策略请求必要确认。

Agent 可读资源

当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。

Markdown 详情 GET /skills/zhanlincui-ui-ux-pro-max.md 已签名 manifest GET /api/skills/zhanlincui-ui-ux-pro-max/manifest 已签名 lockfile GET /api/skills/zhanlincui-ui-ux-pro-max/lockfile

测试它

正在使用“ui-ux-pro-max”。一个在 Next.js 中构建 SaaS 分析仪表盘的请求。

预期结果:

一个设计方向，包括仪表盘布局、克制的配色、易读的排版、图表指南、Next.js 性能注意事项和无障碍检查。

正在使用“ui-ux-pro-max”。一个改进移动端结账流程的请求。

预期结果:

一份 UX 评审，涵盖触控目标、表单标签、加载状态、错误反馈、支付信任信号和特定平台实现提示。

正在使用“ui-ux-pro-max”。一个奢华风格作品集落地页的请求。

预期结果:

一份风格建议，包括图像优先级、版块顺序、字体搭配、色彩氛围、动效指南和应避免的模式。

安全审计

中风险

v4 • 2026/7/8 打开版本化报告

Most static findings are false positives from Markdown formatting, CSV reference rows, documentation URLs, and framework code examples. The real concerns are privileged setup commands in SKILL.md and a persistence feature that writes files using user-derived path components without sufficient validation.

已扫描文件

3,254

分析行数

复核项

已忽略误报

已确认安全问题 (1)

中

scripts/design_system.py:503-510 scripts/design_system.py:527-530

Unsanitized Design-System Persistence Paths

The persistence function builds output directories and page filenames from project and page names without constraining path traversal characters. A crafted value could write Markdown files outside the intended design-system folder.

The code directly combines Path(output_dir), project_slug, and page-derived filenames before mkdir and open calls. It normalizes spaces but does not reject slashes, dot-dot segments, or absolute path components.

能力复核项 (4)

这些是真实的本地能力，对此技能可能是预期行为，因此需要复核，但不会按已确认恶意行为计分。

高

SKILL.md:115

PowerShell invocation

```powershell

SKILL.md introduces a PowerShell setup block for installing Python with winget. This is legitimate setup guidance, but it can modify the host environment if followed automatically.

高

SKILL.md:111

sudo privilege escalation

sudo apt update && sudo apt install python3

SKILL.md includes a prerequisite command that uses sudo to install Python. Running privileged package installation from skill instructions can alter the host system and must require explicit user approval.

中

scripts/design_system.py:522

Python file write/append

with open(master_file, 'w', encoding='utf-8') as f:

The persistence helper writes MASTER.md to a path derived from output_dir and a project name. Those path components are not normalized or constrained before file creation.

中

scripts/design_system.py:530

Python file write/append

with open(page_file, 'w', encoding='utf-8') as f:

The persistence helper writes a page override file using a page name that is only lowercased and space-normalized. A crafted page value could place files outside the intended pages directory.

风险因素

⚡ 包含脚本 (10)

data/react-performance.csv:8 data/react-performance.csv:9 data/react-performance.csv:10 data/react-performance.csv:11 data/stacks/nextjs.csv:40 data/stacks/react.csv:37 data/stacks/shadcn.csv:57 data/stacks/vue.csv:34 data/stacks/vue.csv:39 data/ux-guidelines.csv:49

🌐 网络访问 (451)

📁 文件系统访问 (6)

data/stacks/nextjs.csv:35 data/stacks/nuxtjs.csv:6 data/stacks/react-native.csv:9 data/stacks/shadcn.csv:4 scripts/design_system.py:522 scripts/design_system.py:530

🔑 环境变量 (10)

data/stacks/nextjs.csv:37 data/stacks/nextjs.csv:37 data/stacks/nextjs.csv:37 data/stacks/nextjs.csv:36 data/stacks/nuxtjs.csv:53 data/stacks/nuxtjs.csv:55 data/stacks/nuxtjs.csv:53 data/stacks/nuxtjs.csv:55 data/stacks/nuxtjs.csv:53 data/stacks/nuxtjs.csv:54

⚙️ 外部命令 (152)

审计者: codex 查看审计历史 →

分享与引用此报告

分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。

打开版本化报告

复制报告链接

https://skillstore.io/skills/zhanlincui-ui-ux-pro-max/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 徽章

[![Skillstore security assessment](https://skillstore.io/badges/skills/zhanlincui-ui-ux-pro-max/security.svg)](https://skillstore.io/skills/zhanlincui-ui-ux-pro-max?utm_source=security_passport_badge)

HTML 徽章

<a href="https://skillstore.io/skills/zhanlincui-ui-ux-pro-max?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/zhanlincui-ui-ux-pro-max/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

嵌入卡片

<iframe src="https://skillstore.io/embed/skills/zhanlincui-ui-ux-pro-max.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 引用

ZhanlinCui. (2026). ui-ux-pro-max security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/zhanlincui-ui-ux-pro-max/audits/4

BibTeX 引用

@techreport{zhanlincui-zhanlincui-ui-ux-pro-max-2026,
  author = {ZhanlinCui},
  title = {ui-ux-pro-max security audit report (audit version 4)},
  institution = {Skillstore},
  year = {2026},
  number = {4},
  url = {https://skillstore.io/skills/zhanlincui-ui-ux-pro-max/audits/4},
  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: "ui-ux-pro-max security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
  - name: "ZhanlinCui"
date-released: "2026-07-08"
url: "https://skillstore.io/skills/zhanlincui-ui-ux-pro-max/audits/4"
identifiers:
  - type: other
    value: "skillstore:zhanlincui-ui-ux-pro-max:audit:4"
    description: "Skillstore immutable audit report identifier"

比较变体

4 个可安装变体

每位作者的技能都保持为独立的可安装项。推荐变体按 Skillstore 证据排序。

为什么此变体排名第一

Skillstore 评分最高

作者 / 来源 Skillstore 评分证据置信度 Skillstore 使用量已更新

nextlevelbuilder 推荐

nextlevelbuilder-ui-ux-pro-max

Skillstore 评分 76

证据置信度高

Skillstore 使用量 164

已更新

2026-09-09

DCjanus

dcjanus-ui-ux-pro-max

Skillstore 评分 75

证据置信度高

Skillstore 使用量 55

已更新

2026-09-09

sickn33

sickn33-ui-ux-pro-max

Skillstore 评分 75

证据置信度高

Skillstore 使用量 30

已更新

2026-09-09

ZhanlinCui 当前

zhanlincui-ui-ux-pro-max

Skillstore 评分 67

证据置信度高

Skillstore 使用量 580

已更新

2026-09-09

Skillstore 评分

评分依据证据置信度: 高

架构

可维护性

内容

社区

规范符合性

你能构建什么

规划产品界面

将产品简介转化为布局模式、风格方向、配色方案、字体搭配和 UX 检查清单。

实现前端屏幕

在使用 React、Next.js、Vue、Svelte、Tailwind 或移动端框架构建页面之前，获取特定技术栈指南。

评审 UI 质量

在交付前检查无障碍、间距、响应式、动效、表单、图表和常见交互问题。

试试这些提示

选择视觉方向

使用 ui-ux-pro-max 为关于 [product] 的落地页推荐视觉方向。包括风格、颜色、字体和版块。

创建设计系统

使用 ui-ux-pro-max 为 [industry] 中的 [project] 生成设计系统。包括布局模式、配色、排版、组件和反模式。

评审现有屏幕

使用 ui-ux-pro-max 从无障碍、响应式布局、视觉层级、动效和交互问题方面评审这个 [stack] 屏幕。

构建特定技术栈指南

使用 ui-ux-pro-max 为 [page type] 提供 [stack] 指南。将产品、UX、排版、颜色、图表和框架建议整合为实现计划。

最佳实践

在请求建议之前，先提供产品类型、受众、行业、技术栈和期望氛围。
将生成的设计系统用作指南，然后在实际 UI 中验证对比度、响应式和交互状态。
使用持久化模式前先审查本地文件输出路径，尤其是在项目名称或页面名称来自提示时。

避免

不要把 CSV 建议当作在目标设备上测试真实屏幕的替代品。
不要在未检查影响的情况下自动运行设置或持久化命令。
不要在没有清晰层级的情况下，将搜索结果中的多种视觉风格混合到一个界面中。

常见问题

这个技能能帮助做什么？

它有助于选择 UI 方向、创建设计系统指南、评审 UX 问题，并应用特定技术栈的前端建议。

它会生成完整的应用代码吗？

它提供实现指南和示例。宿主助手仍然负责编写、测试和验证实际应用代码。

覆盖哪些技术栈？

它覆盖 React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui、Nuxt、Nuxt UI 和 Jetpack Compose。

它可以保存设计系统吗？

可以。持久化模式可以在本地 design-system 文件夹中创建一个主 Markdown 文件和可选的页面覆盖文件。

自动运行安全吗？

先审查命令。部分指南包含软件包安装，持久化模式会将文件写入本地路径。

它能替代无障碍测试吗？

不能。它提供检查清单和建议，但团队仍应测试对比度、键盘使用、屏幕阅读器和响应式行为。

开发者详情

作者

ZhanlinCui

许可证

MIT

Skillstore 修订

版本提示

作者未声明版本。

仓库

https://github.com/ZhanlinCui/Ultimate-Agent-Skills-Collection/tree/main/ui-ux-pro-max

引用

88a205c7f635a966e31156313b590d59007c5caa

维护新鲜度

2026/7/18

使用量

570 次下载 · 352 次浏览

文件结构

📁 data/

📁 stacks/

📄 flutter.csv

📄 html-tailwind.csv

📄 jetpack-compose.csv

📄 nextjs.csv

📄 nuxt-ui.csv

📄 nuxtjs.csv

📄 react-native.csv

📄 react.csv

📄 shadcn.csv

📄 svelte.csv

📄 swiftui.csv

📄 vue.csv

📄 charts.csv

📄 colors.csv

📄 icons.csv

📄 landing.csv

📄 products.csv

📄 prompts.csv

📄 react-performance.csv

📄 styles.csv

📄 typography.csv

📄 ui-reasoning.csv

📄 ux-guidelines.csv

📄 web-interface.csv

📁 scripts/

📄 core.py

📄 design_system.py

📄 search.py

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.

设计与创意查看

ui-ux-pro-max

使用我的智能体安装

Agent 可读资源

测试它

安全审计

已确认安全问题 (1)

风险因素

复制报告链接

Markdown 徽章

HTML 徽章

嵌入卡片

APA 引用

BibTeX 引用

CITATION.cff

比较变体

Skillstore 评分

你能构建什么

规划产品界面

实现前端屏幕

评审 UI 质量

试试这些提示

最佳实践

避免

常见问题

开发者详情

ZhanlinCui 的更多技能

planning-with-files

github-release-assistant

obsidian-helper

pdf

frontend-design

brainstorming

相关技能

ui-styling

ux-designer

ui-design

uizze-ui

web-accessibility

design-system