スキル ui-ux-pro-max

📦

ui-ux-pro-max

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

コンテンツリビジョン r1 中リスク ⚡ スクリプトを含む🌐 ネットワークアクセス📁 ファイルシステムへのアクセス🔑 環境変数⚙️ 外部コマンド

UIガイダンスでより優れたインターフェースを設計

チームは、多くのフロントエンドスタックにわたって一貫したUI判断を行う必要があります。このskillは、プロダクトのコンテキストを実用的なデザインシステム、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.

エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。

エージェントが読めるリソース

AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。

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 利用状況 159

更新済み

2026-09-09

DCjanus

dcjanus-ui-ux-pro-max

Skillstore スコア 75

証拠の信頼度高

Skillstore 利用状況 53

更新済み

2026-09-09

sickn33

sickn33-ui-ux-pro-max

Skillstore スコア 75

証拠の信頼度高

Skillstore 利用状況 28

更新済み

2026-09-09

ZhanlinCui 現在

zhanlincui-ui-ux-pro-max

Skillstore スコア 67

証拠の信頼度高

Skillstore 利用状況 578

更新済み

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でコントラスト、レスポンシブ対応、インタラクション状態を検証します。
persist modeを使用する前に、特にプロジェクト名やページ名がプロンプト由来の場合は、ローカルファイルの出力パスを確認します。

回避

CSVの推奨事項を、対象デバイス上で実際の画面をテストすることの代替として扱わないでください。
セットアップコマンドや永続化コマンドを、その影響を確認せずに自動実行しないでください。
明確な階層なしに、検索結果から多くのビジュアルスタイルを1つのインターフェースに混在させないでください。

よくある質問

このskillは何に役立ちますか?

UI方針の選択、デザインシステムガイダンスの作成、UX問題のレビュー、スタック固有のフロントエンド推奨事項の適用に役立ちます。

完全なアプリケーションコードを生成しますか?

実装のためのガイダンスと例を提供します。実際のアプリケーションコードの作成、テスト、検証は、引き続きホストアシスタントが行います。

どのスタックが対象ですか?

React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui、Nuxt、Nuxt UI、Jetpack Composeをカバーしています。

デザインシステムを保存できますか?

はい。persist modeでは、ローカルのデザインシステムフォルダーに、マスターMarkdownファイルと任意のページ別オーバーライドファイルを作成できます。

自動実行しても安全ですか?

まずコマンドを確認してください。一部のガイダンスにはパッケージインストールが含まれ、persist modeはローカルパスにファイルを書き込みます。

アクセシビリティテストの代替になりますか?

いいえ。チェックリストと推奨事項を提供しますが、チームはコントラスト、キーボード操作、スクリーンリーダー、レスポンシブ動作を引き続きテストする必要があります。

開発者情報

作成者

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

構築前にUXを計画する

作成者 pbakaus

チームは、ユーザーの目標、状態、制約を明確にする前にインターフェースを構築してしまうことがよくあります。このスキルはディスカバリーをガイドし、実装のためのデザインブリーフを作成します。

デザイン＆クリエイティブ表示

ui-ux-pro-max

自分のエージェントでインストール

エージェントが読めるリソース

テストする

セキュリティ監査

確認済みのセキュリティ上の懸念 (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

web-accessibility

design-system

shape