スキル ui-design
📦

ui-design

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

UIレイアウト変更を洗練する

UIスタイリングの依頼は、対象範囲や望ましい結果が不明確な場合に失敗しがちです。このスキルは、現在の状態を確認し、選択肢を比較し、焦点を絞った変更を適用するための、スクリーンショット主導のワークフローを作成します。

対応: Claude Codex Code(CC)
🥉 79 ブロンズ

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

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

エージェントリクエスト
Review the Skillstore skill "ui-design" from https://skillstore.io/skills/yunshu0909-ui-design.md and its manifest at https://skillstore.io/api/skills/yunshu0909-ui-design/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

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

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

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

Markdown詳細 GET /skills/yunshu0909-ui-design.md 署名済み manifest GET /api/skills/yunshu0909-ui-design/manifest 署名済み lockfile GET /api/skills/yunshu0909-ui-design/lockfile

テストする

「ui-design」を使用しています。 ヘッダーのツールがぎこちなく見えます。レイアウト修正を手伝ってください。

期待される結果:

アシスタントはまず現在のヘッダーをASCII図で整理し、その後ツールの配置について2つまたは3つの修正版を提示します。

「ui-design」を使用しています。 検索と更新が同じ行にある案を使ってください。

期待される結果:

アシスタントは、その選択された配置に対して焦点を絞ったUI編集を適用し、無関係なクリーンアップを避けます。

「ui-design」を使用しています。 変更後、色が強すぎます。

期待される結果:

アシスタントはこれを小さな調整として扱い、選択肢のプロセス全体を再開せずに色を直接調整します。

セキュリティ監査

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

Static command findings are false positives caused by Markdown code fences around ASCII UI diagrams. The high-entropy heuristic is also a false positive because SKILL.md is readable Markdown with Chinese text, emoji, and box-drawing characters.

1
スキャンされたファイル
110
解析済み行数
0
レビュー項目
0
誤検知を無視

リスク要因

⚙️ 外部コマンド (3)
SKILL.md:24-31 SKILL.md:31-41 SKILL.md:41-53
最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。
監査者: codex 監査履歴を表示 →
このレポートを共有・引用

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

バージョン別レポートを開く
セキュリティ評価

レポートリンクをコピー

https://skillstore.io/skills/yunshu0909-ui-design/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/yunshu0909-ui-design/security.svg)](https://skillstore.io/skills/yunshu0909-ui-design?utm_source=security_passport_badge)

HTMLバッジ

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

埋め込みカード

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

yunshu0909. (2026). ui-design security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/yunshu0909-ui-design/audits/4

BibTeX形式の引用

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

バリアントを比較

インストール可能なバリアント 2 件

各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。

このバリアントが首位の理由

Skillstore スコアが最高
tencentcloudbase 推奨

tencentcloudbase-ui-design

Skillstore スコア 80
証拠の信頼度 中
Skillstore 利用状況 17
更新済み

2026-09-09

yunshu0909 現在

yunshu0909-ui-design

Skillstore スコア 79
証拠の信頼度 高
Skillstore 利用状況 54
更新済み

2026-09-09

Skillstore スコア

このスコアの理由 証拠の信頼度: 高
55
アーキテクチャ
85
保守性
87
コンテンツ
69
コミュニティ
91
仕様準拠

作成できるもの

レイアウトフィードバックを整理する

曖昧なUIの不満を、確認済みの現状図と少数のレイアウト選択肢に変換します。

デザイン代替案をレビューする

AIにコード編集を依頼する前に、2つまたは3つの視覚的配置を比較します。

UI仕上げ中のスコープを制御する

スタイリング変更を選択された要素に集中させ、無関係なリファクタリングを避けます。

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

現在のUIを確認する 
この画面にはui-designワークフローを使用してください。まず関連ファイルを読み、変更を提案する前に現在のレイアウトをASCII図で説明してください。
レイアウト選択肢を比較する 
この領域の余白と配置を改善したいです。2つまたは3つのASCIIレイアウト案を、それぞれ短い理由とともに提示してください。
選択した案を適用する 
レイアウト提案のoption Bを使用してください。必要最小限のコード変更を行い、無関係な構造は変更しないでください。
レビュー後に調整する 
選択したレイアウトはかなり近いです。この調整だけを行ってください: タイトルとコントロールの間隔を広げ、その後、変更した正確なファイルを要約してください。

ベストプラクティス

  • 開始時に、スクリーンショットまたは正確なファイル名とコンポーネント名を提供します。
  • コード変更を承認する前に、ASCIIレイアウト案を依頼します。
  • 最初の編集後の調整には、短く具体的なフィードバックを使用します。

回避

  • 曖昧な依頼から望ましいレイアウトをアシスタントに推測させないでください。
  • 1つの依頼の中で、視覚的な仕上げと無関係なリファクタリングを組み合わせないでください。
  • 最終的な余白や配置が重要な場合は、ブラウザでのレビューを省略しないでください。

よくある質問

このスキルは何に役立ちますか?
アシスタントが現在のレイアウトを確認し、選択肢を提案し、選ばれたデザインだけを編集するように、UIスタイリング変更を構造化するのに役立ちます。
完成したビジュアルデザインを生成しますか?
いいえ。既存のインターフェースにおけるスタイリングとレイアウト変更をめぐるコラボレーションを支援します。
なぜASCII図を使用するのですか?
ASCII図は、コード変更を始める前にレイアウトの意図を明確にします。
スクリーンショットなしでも機能しますか?
はい、関連するコードと対象領域が明確であれば可能です。スクリーンショットは視覚的な問題の精度を高めます。
このスキルは公開しても安全ですか?
はい。レビュー済みのファイルにはドキュメントのみが含まれており、実行可能なコマンド、ネットワーク、またはシークレット処理の動作はありません。
どのツールで使用できますか?
レポートにはClaude、Codex、Claude Codeのサポートが記載されています。

開発者情報

作成者

yunshu0909

ライセンス

MIT

Skillstore リビジョン

r1

バージョンに関する注意

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

リポジトリ

https://github.com/yunshu0909/yunshu_skillshub/tree/master/ui-design

参照

64ca8af0f54a325752f08bd54e52151061ea659a

メンテナンスの新しさ

2026/7/24

利用状況

48 ダウンロード · 134 閲覧

ファイル構成

📄 SKILL.md

yunshu0909 のその他のスキル

すべて表示

関連スキル

すべて表示