スキル ui-ux-polish

📦

ui-ux-polish

Name: ui-ux-polish
Author: Dicklesworthstone

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

WebアプリのUIとUXを洗練させる

動作している多くのWebアプリでも、デスクトップとモバイルでまだ不均一に感じられることがあります。このスキルは、エージェントに、より鋭いレイアウト、状態、レスポンシブな細部を実現するための反復的な改善ワークフローを提供します。

対応: Claude Codex Code(CC)

🥉 78 ブロンズ

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

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

エージェントリクエスト

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

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

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

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

Markdown詳細 GET /skills/dicklesworthstone-ui-ux-polish.md 署名済み manifest GET /api/skills/dicklesworthstone-ui-ux-polish/manifest 署名済み lockfile GET /api/skills/dicklesworthstone-ui-ux-polish/lockfile

テストする

「ui-ux-polish」を使用しています。ダッシュボードは動作するが、余白、ボタン状態、モバイルレイアウトが未完成に感じられる。

期待される結果:

このスキルは、エージェントが余白を引き締め、階層を改善し、より明確なフィードバック状態を追加し、ダッシュボードをデスクトップとモバイルで個別にテストするよう導きます。

「ui-ux-polish」を使用しています。チームがリリース前に複数のエージェントで異なるページを改善したい。

期待される結果:

このスキルは、ページとモダリティごとに改善作業を分割し、その後、各パスを視覚的一貫性、アクセシビリティ、リグレッションの観点でレビューすることを提案します。

セキュリティ監査

安全

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

The static Ruby backtick detections are Markdown code fences or a fixed example bash block, not executable code in the skill. The system reconnaissance alert is a false positive for workflow coordination guidance. No evidence found for prompt injection, data exfiltration intent, or malicious behavioral instructions in SKILL.md.

スキャンされたファイル

226

解析済み行数

レビュー項目

誤検知を無視

リスク要因

⚙️ 外部コマンド (11)

SKILL.md:37-39 SKILL.md:39-51 SKILL.md:51-54 SKILL.md:54-101 SKILL.md:101-112 SKILL.md:112-194 SKILL.md:194-199 SKILL.md:199-208 SKILL.md:208-210 SKILL.md:210-213 SKILL.md:213-215

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

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

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

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

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

レポートリンクをコピー

https://skillstore.io/skills/dicklesworthstone-ui-ux-polish/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

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

HTMLバッジ

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

埋め込みカード

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

Dicklesworthstone. (2026). ui-ux-polish security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/dicklesworthstone-ui-ux-polish/audits/8

BibTeX形式の引用

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

Skillstore スコア

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

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

リリース準備が整ったプロダクトを洗練する

リリース前に、余白、タイポグラフィ、状態、レスポンシブ動作を改善します。

デザインQAパスを導く

エージェントによる反復レビューを使って、画面全体の小さな視覚的問題やインタラクション上の問題を見つけます。

複数エージェントによる改善作業を整理する

デスクトップとモバイルの改善タスクを分割し、複数のエージェントが異なる領域を改善できるようにします。

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

基本的な改善パスを実行する

この動作しているWebアプリをレビューし、UIとUXの完成度を高めてください。余白、タイポグラフィ、視覚的階層、状態、レスポンシブ動作に重点を置いてください。変更は段階的に行い、コア機能の変更は避けてください。

デスクトップとモバイルを比較する

デスクトップとモバイルに個別に注意を払いながらアプリを改善してください。デスクトップでは、レイアウト密度、hover状態、キーボードに優しいフローを改善してください。モバイルでは、タッチターゲット、余白、ナビゲーション、ブレークポイント動作を改善してください。

改善幅が小さくなるまで繰り返す

このアプリに対して、もう一度UIとUXの改善パスを実行してください。視覚的一貫性、アクセシビリティ、インタラクションフィードバック、レスポンシブな細部に残っている小さな問題を探してください。変更が小さすぎる、またはリスクが高くなったら停止してください。

改善タスクを調整する

このアプリ向けに焦点を絞った改善計画を作成してください。デスクトップとモバイルのタスクを画面ごとに分け、明確な担当領域を割り当て、各パス後にリグレッションを防ぐために必要なチェックを列挙してください。

ベストプラクティス

改善ワークフローを使う前に、機能上のバグを修正します。
次のパスを依頼する前に、各反復をレビューします。
実際のデスクトップとモバイルのビューポートで変更をテストします。

回避

不足しているデザインシステムの代わりに改善プロンプトを使うこと。
変更をレビューせずに多くのパスを実行すること。
アクセシビリティとパフォーマンスを無視して見た目だけを最適化すること。

よくある質問

どのようなプロジェクトにこのスキルが適していますか?

基本的なスタイリングがすでにあり、リリース前に洗練が必要な、動作しているWebアプリに適しています。

完全な再設計を作成しますか?

いいえ。これは段階的な改善のためのものであり、完全な情報アーキテクチャやデザインシステム作業のためのものではありません。

Claude、Codex、Claude Codeで使えますか?

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

なぜデスクトップとモバイルを分けるのですか?

デスクトップとモバイルでは、レイアウト、インタラクション、ナビゲーションのニーズが異なります。個別レビューにより、弱い妥協を減らせます。

何回パスを実行すべきですか?

1回実行してレビューし、変更が有用で低リスクな間は繰り返します。

Beadsは必要ですか?

いいえ。Beadsの例は、そのツールをすでに使っているチーム向けの任意のワークフローガイダンスです。

開発者情報

作成者

Dicklesworthstone

ライセンス

MIT

Skillstore リビジョン

バージョンに関する注意

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

リポジトリ

https://github.com/Dicklesworthstone/agent_flywheel_clawdbot_skills_and_integrations/tree/main/skills/ui-ux-polish

参照

72d5025b022c77f7a51bdf5c1637c689c80e89d1

メンテナンスの新しさ

2026/7/18

利用状況

10 ダウンロード · 247 閲覧

ファイル構成

📄 SKILL.md

Dicklesworthstone のその他のスキル

すべて表示

📦

cursor

CLIからCursorを操作する

開発者は、外部ドキュメントを探さずに素早く使えるCursorコマンドを必要とすることがよくあります。このスキルは、ファイル、フォルダー、差分、ウィンドウ、拡張機能、リモート設定に関する簡潔なCLIガイダンスを提供します。

コーディング＆開発表示

📦

bv

グラフメトリクスで Beads の作業に優先順位を付ける

チームは課題リストを手作業で読むと、ブロッカーやサイクルを見落としがちです。このスキルは Beads データを、焦点を絞ったトリアージ、計画、エージェントワークフローのガイダンスに変換します。

生産性表示

📦

planning-workflow

エージェント型ソフトウェアプロジェクトを計画する

大規模なAIコーディングプロジェクトは、アーキテクチャが明確になる前に実装を始めると失敗します。このスキルは、詳細なMarkdown計画、モデルレビュー、タスクの引き継ぎのための計画ワークフローを提供します。

コーディング＆開発表示

📦

de-slopify

AI が書いたドキュメントを磨き上げる

AI 支援によるドキュメントは定型的に聞こえ、読者の集中を妨げることがあります。このスキルは、意味を保ちながら一般的な LLM らしい書きぶりを取り除くための手作業の編集をガイドします。

ライティング＆コンテンツ表示

📦

beads-workflow

計画をBeadsワークフローに変換する

大規模なMarkdown計画は、エージェントチームが一貫して実行するのが困難です。このスキルは、計画を依存関係、レビューループ、ハンドオフガイダンスを備えた詳細なBeadsタスクに変換します。

コーディング＆開発表示

📦

ghostty

AIアシスタントからGhosttyを管理

ターミナルのワークフローでは、ウィンドウ、タブ、分割、設定に関する正確な操作が必要になることがよくあります。このスキルは、Claude、Codex、Claude Codeに簡潔なGhostty CLIリファレンスを提供します。

DevOps＆インフラ表示

すべて表示

📦

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.

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

📦