スキル ui-ux-pro-max

📦

ui-ux-pro-max

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

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

より優れたフロントエンドインターフェイスを設計する

UIやフロントエンドの作業では、スタイル、色、タイポグラフィ、レイアウト、フレームワークのパターンについて素早く判断することがよくあります。このスキルは、厳選されたローカルのデザインデータを検索し、実用的なUI/UX実装ガイダンスへと変換します。

対応: Claude Codex Code(CC)

📊 75 十分

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

このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。

エージェントリクエスト

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

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

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

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

Markdown詳細 GET /skills/dcjanus-ui-ux-pro-max.md 署名済み manifest GET /api/skills/dcjanus-ui-ux-pro-max/manifest 署名済み lockfile GET /api/skills/dcjanus-ui-ux-pro-max/lockfile

テストする

「ui-ux-pro-max」を使用しています。小規模事業者のキャッシュフロー向けにフィンテックダッシュボードを設計してください。

期待される結果:

落ち着いた色、密度の高いダッシュボードレイアウト、トレンドチャート、アクセシブルなコントラスト、ReactまたはNext.jsの実装メモを含む構造化された提案。

「ui-ux-pro-max」を使用しています。モバイルのチェックアウトフローを改善してください。

期待される結果:

タッチターゲット、フォームラベル、読み込み状態、決済時の信頼を高める手がかり、エラー復旧、React Nativeガイダンスを扱う重点的なレビュー。

「ui-ux-pro-max」を使用しています。プロダクトデザイナー向けのポートフォリオランディングページを作成してください。

期待される結果:

ヒーローの配置、プロジェクトグリッド構造、タイポグラフィの選択、ビジュアルスタイル、インタラクション状態、レスポンシブレイアウトの助言を含むページ計画。

セキュリティ監査

安全

v12 • 2026/7/9 バージョン別レポートを開く

Reviewed as a local UI/UX reference and CSV search library. All static findings are false positives caused by Markdown formatting, documentation URLs, curated CSV examples, and non-executable frontend guidance; no prompt injection, data exfiltration intent, external command injection, or secret access was found.

スキャンされたファイル

1,447

解析済み行数

レビュー項目

誤検知を無視

リスク要因

🌐 ネットワークアクセス (50)

⚡ スクリプトを含む (5)

data/stacks/nextjs.csv:40 data/stacks/react.csv:37 data/stacks/vue.csv:34 data/stacks/vue.csv:39 data/ux-guidelines.csv:49

📁 ファイルシステムへのアクセス (2)

data/stacks/nextjs.csv:35 data/stacks/react-native.csv:9

🔑 環境変数 (4)

data/stacks/nextjs.csv:37 data/stacks/nextjs.csv:37 data/stacks/nextjs.csv:37 data/stacks/nextjs.csv:36

⚙️ 外部コマンド (36)

最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。

監査者: codex 監査履歴を表示 →

このレポートを共有・引用

バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。

バージョン別レポートを開く

レポートリンクをコピー

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

Markdownバッジ

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

HTMLバッジ

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

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/dcjanus-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形式の引用

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

BibTeX形式の引用

@techreport{dcjanus-dcjanus-ui-ux-pro-max-2026,
  author = {DCjanus},
  title = {ui-ux-pro-max security audit report (audit version 12)},
  institution = {Skillstore},
  year = {2026},
  number = {12},
  url = {https://skillstore.io/skills/dcjanus-ui-ux-pro-max/audits/12},
  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 12)"
version: "unspecified"
type: report
authors:
  - name: "DCjanus"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/dcjanus-ui-ux-pro-max/audits/12"
identifiers:
  - type: other
    value: "skillstore:dcjanus-ui-ux-pro-max:audit:12"
    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 スコア

このスコアの理由証拠の信頼度: 高

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

SaaSダッシュボードを計画する

データ量の多いインターフェイスを構築する前に、レイアウト、チャートの種類、タイポグラフィ、色、フレームワークの実践方法を選定します。

フロントエンド実装を改善する

スタック固有のパターンを見つけ、React、Next.js、Vue、Svelte、またはモバイルUIでよくあるミスを避けます。

ランディングページをレビューする

コンバージョン構造、アクセシビリティ、余白、コントラスト、インタラクションのガイダンスに照らしてページを比較します。

これらのプロンプトを試す

ビジュアル方向性を選ぶ

ヘルスケアSaaSダッシュボードのビジュアル方向性を設計してください。スタイル、パレット、タイポグラフィ、レイアウト、アクセシビリティの優先事項を含めてください。

ランディングページ計画を作成する

プレミアムスキンケアサービスのランディングページ計画を作成してください。プロダクト、スタイル、色、タイポグラフィ、ランディング、UXのガイダンスを使用してください。

既存のUIを改善する

このeコマース商品ページを、視覚的階層、信頼シグナル、レスポンシブレイアウト、フォームの使いやすさ、インタラクション状態の観点からレビューしてください。

スタック固有のシステムを構築する

Next.jsの分析ダッシュボードを設計して実装してください。コーディング前に、チャート、タイポグラフィ、色、UX、Next.jsスタックのガイダンスを使用してください。

ベストプラクティス

デザイン方向性を決める前に、複数の領域を検索します。
提案をプロダクトの種類、対象ユーザー、ブランドトーン、技術スタックに合わせます。
最終的な出力を、アクセシビリティ、レスポンシブレイアウト、インタラクション状態のガイダンスに照らして検証します。

回避

1つのスタイルキーワードだけを完全なデザインブリーフとして使うこと。
フレームワークの例を、プロダクト要件に合わせて調整せずにコピーすること。
アクセシビリティ、読み込み状態、キーボードフォーカス、モバイルレイアウト制約を無視すること。

よくある質問

このスキルは何に役立ちますか？

厳選されたローカルのデザインおよびフロントエンドガイダンスを使用して、UI/UX作業の計画、構築、レビュー、改善を支援します。

ライブのWeb調査を使用しますか？

いいえ。このスキルに含まれるローカルCSV参照データを検索します。

どのフロントエンドスタックに対応していますか？

React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwindを使ったHTMLを対象としています。

完全なUIコードを生成できますか？

コード生成をガイドできますが、最終的なコード品質はユーザーのリクエストと実装コンテキストに依存します。

デザイナー専用ですか？

いいえ。デザイナー、フロントエンドエンジニア、プロダクトチーム、創業者がUI上の意思決定に利用できます。

最良の結果を得るにはどうすればよいですか？

プロダクトの種類、対象ユーザー、希望するスタイル、対象プラットフォーム、フレームワーク上の制約を提供してください。

開発者情報

作成者

DCjanus

ライセンス

MIT

Skillstore リビジョン

バージョンに関する注意

作者はバージョンを宣言していません。

リポジトリ

https://github.com/DCjanus/prompts/tree/master/skills/ui-ux-pro-max

参照

3e4b6c31a74a3bd1a291c98cf585d720cb9fbc88

メンテナンスの新しさ

2026/7/24

利用状況

50 ダウンロード · 249 閲覧

ファイル構成

📁 data/

📁 stacks/

📄 flutter.csv

📄 html-tailwind.csv

📄 nextjs.csv

📄 react-native.csv

📄 react.csv

📄 svelte.csv

📄 swiftui.csv

📄 vue.csv

📄 charts.csv

📄 colors.csv

📄 landing.csv

📄 products.csv

📄 prompts.csv

📄 styles.csv

📄 typography.csv

📄 ux-guidelines.csv

📁 scripts/

📄 core.py

📄 search.py

📄 LICENSE

📄 SKILL.md

DCjanus のその他のスキル

すべて表示

📦

gitlab-mr-issue

GitLab MR と Issue の管理

GitLab の issue や merge request の作業では、正確な CLI コマンドと一貫した説明が必要になることがよくあります。このスキルは、GitLab 項目の表示、作成、更新を行う glab ワークフローを Claude、Codex、Claude Code に案内します。

DevOps＆インフラ表示

📦

tech-doc

明確な技術ドキュメントを書く

技術チームは、ドキュメントに前提、曖昧なスコープ、読みにくい手順が混在していると時間を失います。このスキルは、Claude、Codex、Claude Code が、構造化され、出典が明記され、保守しやすい技術ドキュメントを作成するのに役立ちます。

ドキュメント表示

📦

github-pr-issue

GitHub PRとIssueの管理

GitHubのレビュー作業やリリース作業では、複数のコマンドや繰り返しのコンテキスト収集が必要になることがあります。このスキルはPRコンテキストを収集し、構造化されたワークフローでIssueまたはPRの変更を支援します。

コーディング＆開発表示

📦

golang-lo

samber/loでGoコードを簡潔にする

Goで一般的なコレクション変換を行うには、反復的なループやヘルパーコードが必要になることがあります。このスキルは、Go 1.18以降のプロジェクト向けに、簡潔なsamber/loパターンを提案します。

コーディング＆開発表示

📦

ticktick-cli

コマンドラインからTickTickタスクを管理

手動でのTickTick更新は、スクリプト化されたワークフローやAIエージェントの速度を低下させます。このスキルは、Python CLIとOAuthを通じてプロジェクト、タスク、集中記録、習慣を管理します。

生産性表示

📦

pwdebug

コマンドラインからブラウザページをデバッグ

フロントエンドのデバッグでは、コマンドをまたいで維持される実際のブラウザセッションが必要になることがよくあります。このスキルは、ナビゲーション、検査、スクリーンショット、ログのためのPlaywrightベースのブラウザ制御を提供します。

コーディング＆開発表示

すべて表示

📦

ui-design

特徴的なUIプロトタイプを設計する

作成者 tencentcloudbase

汎用的なAIインターフェースは、視覚的な方向性やプラットフォームを考慮した細部が不足しがちです。このスキルは、Claude、Codex、Claude Codeがプロトタイプを構築する前にデザイン意図を定義できるよう支援します。

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

📦

stitch-ui-design

より良い Google Stitch UI プロンプトを作成する

作成者 sickn33

プロンプトの詳細が不足していると、Google Stitch は汎用的なデザインを生成することがあります。このスキルは、画面、フロー、ビジュアルスタイル、アクセシビリティ、ハンドオフに関する構造化されたプロンプト作成ガイダンスを提供します。

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

📦

ui-ux-designer

アクセシブルなプロダクトインターフェイスを設計する

作成者 sickn33

チームは、ユーザーニーズを一貫性がありアクセシブルなインターフェイスへ落とし込むことに苦労しがちです。このスキルは、リサーチ、フロー、デザインシステム、トークン、ハンドオフをガイドします。

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

📦

ui-styling

Build Accessible Tailwind Interfaces

作成者 nextlevelbuilder

Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.

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

📦

design-system

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.

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

📦

frontend-design

個性的なフロントエンドインターフェイスを設計する

作成者 Atman36

一般的な生成インターフェイスは、予測可能で弱い印象になりがちです。このスキルは、Claude、Codex、Claude Code が個性的で本番品質のフロントエンドデザインへ向かうよう導きます。

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

ui-ux-pro-max

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

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

テストする

セキュリティ監査

リスク要因

レポートリンクをコピー

Markdownバッジ

HTMLバッジ

埋め込みカード

APA形式の引用

BibTeX形式の引用

CITATION.cff

バリアントを比較

Skillstore スコア

作成できるもの

SaaSダッシュボードを計画する

フロントエンド実装を改善する

ランディングページをレビューする

これらのプロンプトを試す

ベストプラクティス

回避

よくある質問

開発者情報

DCjanus のその他のスキル

gitlab-mr-issue

tech-doc

github-pr-issue

golang-lo

ticktick-cli

pwdebug

関連スキル

ui-design

stitch-ui-design

ui-ux-designer

ui-styling

design-system

frontend-design