ui-ux-pro-max
UI と UX デザインのワークフローを改善する
インターフェイス作業では、一貫したスタイル、アクセシビリティ、スタック固有のガイダンスが必要になることがよくあります。このスキルは、Claude、Codex、Claude Code に、デザインの計画、構築、レビューのために検索可能な UI/UX リファレンスを提供します。
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "ui-ux-pro-max" from https://skillstore.io/skills/nextlevelbuilder-ui-ux-pro-max.md and its manifest at https://skillstore.io/api/skills/nextlevelbuilder-ui-ux-pro-max/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「ui-ux-pro-max」を使用しています。 分析向けのプロフェッショナルな SaaS ダッシュボードをデザインしてください。
期待される結果:
- 落ち着いたプライマリカラーを使った、クリーンな SaaS ビジュアルスタイルを推奨しました。
- トレンドと比較に適したダッシュボードチャートのパターンを提案しました。
- 納品に向けたアクセシビリティとレスポンシブレイアウトの確認項目を列挙しました。
「ui-ux-pro-max」を使用しています。 このランディングページの仕上がりをレビューしてください。
期待される結果:
- 弱いテキストコントラストと不足しているホバー時のフィードバックを指摘しました。
- より強い CTA 階層と一貫したコンテナ幅を推奨しました。
- 絵文字アイコンを一貫した SVG アイコンセットに置き換えることを提案しました。
「ui-ux-pro-max」を使用しています。 Tailwind で美容サービスのランディングページを構築してください。
期待される結果:
- 上品で柔らかいビジュアルの方向性を選定しました。
- ヒーロー、サービス、実績、料金、予約の各セクションを概説しました。
- Tailwind 実装向けに、色、フォント、余白、インタラクションのガイダンスを提供しました。
セキュリティ監査
安全Most static findings are false positives caused by Markdown formatting and CSV reference data for UI/UX guidance. The real security concern is that SKILL.md includes package-manager installation commands, including sudo apt and Windows winget examples, which can modify the user system and require confirmation. Static review was capped at 400/515 representative findings; omitted static matches are unconfirmed, so automatic publishing stays disabled until manual review.
機能レビュー項目 (2)
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
リスク要因
🌐 ネットワークアクセス (50)
⚡ スクリプトを含む (5)
📁 ファイルシステムへのアクセス (3)
🔑 環境変数 (10)
⚙️ 外部コマンド (47)
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/nextlevelbuilder-ui-ux-pro-max/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/nextlevelbuilder-ui-ux-pro-max?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/nextlevelbuilder-ui-ux-pro-max?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/nextlevelbuilder-ui-ux-pro-max/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/nextlevelbuilder-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形式の引用
nextlevelbuilder. (2026). ui-ux-pro-max security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/nextlevelbuilder-ui-ux-pro-max/audits/10BibTeX形式の引用
@techreport{nextlevelbuilder-nextlevelbuilder-ui-ux-pro-max-2026,
author = {nextlevelbuilder},
title = {ui-ux-pro-max security audit report (audit version 10)},
institution = {Skillstore},
year = {2026},
number = {10},
url = {https://skillstore.io/skills/nextlevelbuilder-ui-ux-pro-max/audits/10},
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 10)"
version: "unspecified"
type: report
authors:
- name: "nextlevelbuilder"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/nextlevelbuilder-ui-ux-pro-max/audits/10"
identifiers:
- type: other
value: "skillstore:nextlevelbuilder-ui-ux-pro-max:audit:10"
description: "Skillstore immutable audit report identifier"
バリアントを比較
インストール可能なバリアント 4 件各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。
このバリアントが首位の理由
nextlevelbuilder-ui-ux-pro-max
2026-09-09
Skillstore スコア
このスコアの理由 証拠の信頼度: 高作成できるもの
ランディングページの方向性を計画する
ランディングページを構築する前に、スタイル、色、タイポグラフィ、セクション、CTA 戦略を選定します。
フロントエンドの仕上がりをレビューする
余白、コントラスト、ホバー時のフィードバック、レスポンシブ動作、アイコン、アクセシビリティの問題について UI を確認します。
複数スタックの UI 実装をガイドする
React、Next.js、Vue、Svelte、モバイルスタック、Tailwind レイアウト向けに、フレームワーク固有の推奨事項を得ます。
これらのプロンプトを試す
ui-ux-pro-max を使用して、[industry] 業界の [product type] ランディングページに適したビジュアルの方向性を推奨してください。スタイル、色、タイポグラフィ、セクション構成を含めてください。
ui-ux-pro-max を使用して、この [screen or component] をレビューしてください。余白、コントラスト、ホバー状態、レスポンシブ動作、アクセシビリティ、視覚的階層に注目してください。
[React or Next.js or Vue] 向けに ui-ux-pro-max のスタックガイダンスを使用してください。実装前に、レイアウト、状態、パフォーマンス、アクセシビリティ、コンポーネントの仕上げに関するパターンを推奨してください。
プロダクト、スタイル、タイポグラフィ、色、ランディング、チャート、UX、スタックの各領域にわたって ui-ux-pro-max を使用してください。[project] の完全な構築計画を統合し、その後リスクとレビューのチェックポイントを特定してください。
ベストプラクティス
- 実装前に複数の領域を検索し、スタイル、色、タイポグラフィ、UX、スタックのガイダンスが揃うようにします。
- デザイン前に、対象プロダクト、オーディエンス、スタック、ブランドトーン、主要なコンバージョン目標を確認します。
- コントラスト、レスポンシブ対応、フォーカス状態、レイアウトの安定性について、レンダリングされた UI を手動で検証します。
回避
- CSV の結果を、プロダクトの文脈に適応せずに完全なデザインシステムとして扱わないでください。
- ビジュアルデザインの推奨後にアクセシビリティチェックを省略しないでください。
- 明示的なユーザー確認なしに、package-manager のインストールコマンドを自動実行しないでください。
よくある質問
このスキルは何に役立ちますか?
本番対応の UI コードを書けますか?
どのスタックに対応していますか?
デザイナーの代わりになりますか?
インターネットアクセスは必要ですか?
監査でインストールコマンドが言及されるのはなぜですか?
開発者情報
作成者
nextlevelbuilderライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
リポジトリ
https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/tree/main/.claude/skills/ui-ux-pro-max/参照
3e4b6c31a74a3bd1a291c98cf585d720cb9fbc88
メンテナンスの新しさ
2026/7/18
利用状況
107 ダウンロード · 373 閲覧