スキル high-end-visual-design

📦

high-end-visual-design

Name: high-end-visual-design
Author: leonxlnx

コンテンツリビジョン r1 安全 ⚙️ 外部コマンド

プレミアムなビジュアルインターフェースを作成

一般的なAIレイアウトは、平坦でテンプレート依存に見えることがよくあります。このスキルは、Claude、Codex、Claude Codeがプレミアムなビジュアルシステム、モーションルール、レスポンシブUIの磨き込みへ向かうよう導きます。

対応: Claude Codex Code(CC)

🥉 78 ブロンズ

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

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

エージェントリクエスト

Review the Skillstore skill "high-end-visual-design" from https://skillstore.io/skills/leonxlnx-high-end-visual-design.md and its manifest at https://skillstore.io/api/skills/leonxlnx-high-end-visual-design/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

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

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

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

Markdown詳細 GET /skills/leonxlnx-high-end-visual-design.md 署名済み manifest GET /api/skills/leonxlnx-high-end-visual-design/manifest 署名済み lockfile GET /api/skills/leonxlnx-high-end-visual-design/lockfile

テストする

「high-end-visual-design」を使用しています。基本的なSaaSホームページに、よりプレミアムな第一印象が必要です。

期待される結果:

強い余白とレイヤードされた機能パネルを備えた、暗めのガラス風ビジュアル方向性。
フローティングナビゲーションパターン、入れ子のCTA表現、段階的なリビール挙動。
非対称セクションをすっきりした1カラムの流れに折りたたむモバイルルール。

「high-end-visual-design」を使用しています。ポートフォリオページが汎用的に感じられ、エディトリアルな磨き込みが必要です。

期待される結果:

大きめの見出しと制御されたセクションリズムを備えた、洗練されたタイポグラフィシステム。
触感のあるプロジェクトカードと控えめなモーションの手がかりを備えた、エディトリアル分割レイアウト。
アニメーションをtransformとopacityに限定するためのパフォーマンス上の注意。

セキュリティ監査

安全

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

All static findings are false positives caused by Markdown inline code formatting and visual design terminology in SKILL.md. No evidence found of executable commands, system reconnaissance, data exfiltration, prompt injection, or malicious intent.

スキャンされたファイル

解析済み行数

レビュー項目

誤検知を無視

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

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

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

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

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

レポートリンクをコピー

https://skillstore.io/skills/leonxlnx-high-end-visual-design/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/leonxlnx-high-end-visual-design/security.svg)](https://skillstore.io/skills/leonxlnx-high-end-visual-design?utm_source=security_passport_badge)

HTMLバッジ

<a href="https://skillstore.io/skills/leonxlnx-high-end-visual-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/leonxlnx-high-end-visual-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

埋め込みカード

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

leonxlnx. (2026). high-end-visual-design security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/leonxlnx-high-end-visual-design/audits/4

BibTeX形式の引用

@techreport{leonxlnx-leonxlnx-high-end-visual-design-2026,
  author = {leonxlnx},
  title = {high-end-visual-design security audit report (audit version 4)},
  institution = {Skillstore},
  year = {2026},
  number = {4},
  url = {https://skillstore.io/skills/leonxlnx-high-end-visual-design/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: "high-end-visual-design security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
  - name: "leonxlnx"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/leonxlnx-high-end-visual-design/audits/4"
identifiers:
  - type: other
    value: "skillstore:leonxlnx-high-end-visual-design:audit:4"
    description: "Skillstore immutable audit report identifier"

Skillstore スコア

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

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

SaaSダッシュボードをアップグレード

機能的なSaaSインターフェースに、プレミアムな余白、レイヤードカード、洗練されたナビゲーション、モーションルールを適用します。

エージェンシーのランディングページを作成

力強いタイポグラフィ、レスポンシブレイアウト、ハイエンドなインタラクションの細部を備えた、洗練されたマーケティングページを生成します。

ポートフォリオの見せ方を洗練

基本的なポートフォリオを、よりエディトリアルで触感があり、モバイルを意識したビジュアル体験へ変えます。

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

初心者向けインターフェース刷新

high-end-visual-designを使用して、このページをプレミアムな余白、洗練されたタイポグラフィ、レスポンシブレイアウト、控えめなモーションで再設計してください。

コンポーネントシステムの磨き込み

このスキルを適用して、カード、ボタン、ナビゲーション、セクションのリズムを改善してください。既存のコンテンツとユーザーフローは維持してください。

レスポンシブなランディングページ構築

このプロダクト向けにプレミアムなランディングページを設計してください。強いビジュアルアーキタイプ、モバイルでの折りたたみ挙動、パフォーマンスを意識したモーションを含めてください。

高度なデザイン監査

high-end-visual-designを使用して、このインターフェースを監査してください。弱いビジュアルパターンを特定し、その後レイアウト、モーション、コンポーネントの細部を修正してください。

ベストプラクティス

コードを依頼する前に、明確なオーディエンス、ブランドトーン、プロダクト目標と組み合わせてこのスキルを使用してください。
生成された色、フォント、モーションをプロジェクトのデザインシステムと照らし合わせて確認してください。
プレミアムなビジュアルパターンを適用した後、モバイルレイアウトとアニメーションパフォーマンスをテストしてください。

回避

アクセシビリティ、ユーザビリティ、ブランド要件を上書きするために使用しないでください。
参照されているプレミアムフォントやアイコンライブラリが、すべてのプロジェクトに存在すると仮定しないでください。
パフォーマンスチェックなしに、重いぼかし、大きなオーバーレイ、複雑なモーションを適用しないでください。

よくある質問

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

AIアシスタントが、プレミアムなレイアウト、タイポグラフィ、モーション、レスポンシブ挙動を備えた洗練されたWebインターフェースを作成するのに役立ちます。

動作するアプリケーションロジックを生成しますか？

いいえ。バックエンドやビジネスロジックではなく、ビジュアルデザインの方向性とインターフェース実装の詳細に焦点を当てています。

既存のブランドガイドラインと一緒に使用できますか？

はい。ただし、ブランドルールを提供し、それを保持するようアシスタントに依頼する必要があります。

モバイルデザインに適していますか？

はい。このスキルには、複雑で非対称なレイアウト向けの明示的なモバイル折りたたみルールが含まれています。

特定のフレームワークが必要ですか？

特定のフレームワークは必要ありませんが、多くの例ではReact、Tailwind CSS、モーションライブラリを参照しています。

Claude、Codex、Claude Codeで使用できますか？

はい。レポートにはClaude、Codex、Claude Codeとの互換性が記載されています。

開発者情報

作成者

leonxlnx

ライセンス

MIT

Skillstore リビジョン

バージョンに関する注意

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

リポジトリ

https://github.com/leonxlnx/taste-skill/tree/main/skills/soft-skill/

参照

b8ca75d2c0a7e7102978993058777d82b8ab2610

メンテナンスの新しさ

2026/7/20

利用状況

10 ダウンロード · 88 閲覧

ファイル構成

📄 SKILL.md