スキル normalize

📦

normalize

Name: normalize
Author: pbakaus

コンテンツリビジョン r1 安全

インターフェイスをデザインシステムに合わせて正規化する

一貫性のないインターフェイスの細部は、プロダクトの保守性と使いやすさを低下させます。このスキルは、Claude、Codex、Claude Code が既存のデザイン標準に照らして構造化された UI 正規化を進められるようにします。

対応: Claude Codex Code(CC)

🥉 78 ブロンズ

Maintain this Skill? Claim it 🥉 78 ブロンズ

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

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

エージェントリクエスト

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

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

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

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

Markdown詳細 GET /skills/pbakaus-normalize.md 署名済み manifest GET /api/skills/pbakaus-normalize/manifest 署名済み lockfile GET /api/skills/pbakaus-normalize/lockfile

テストする

「normalize」を使用しています。レポートダッシュボードを正規化してください。

期待される結果:

ダッシュボードは共有のカード、テーブル、ボタンパターンを使用するようになりました。余白にはプロジェクトのトークンを使用し、空状態は既存の文言に合わせ、フォーカススタイルは引き続き見える状態を保っています。

「normalize」を使用しています。このプロフィールページにデザインシステムからのずれがないかレビューしてください。

期待される結果:

タイポグラフィがプロフィール設定のパターンと異なっています。
主要アクションがアクショントークンではなくカスタムカラーを使用しています。
モバイルレイアウトが標準の積み重ねフォームパターンに従っていません。

「normalize」を使用しています。チェックアウト手順をアプリの他の部分と一致させてください。

期待される結果:

チェックアウト手順は共有フォームレイアウトに従い、標準のエラーメッセージを使用し、レスポンシブなアクションバーを他のフローと一貫させるようになりました。

セキュリティ監査

安全

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

The only static finding is a false positive caused by design terminology about layout grid systems. I found no evidence of prompt injection, data exfiltration, external command execution, or malicious intent in SKILL.md.

スキャンされたファイル

解析済み行数

レビュー項目

誤検知を無視

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

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

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

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

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

レポートリンクをコピー

https://skillstore.io/skills/pbakaus-normalize/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

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

HTMLバッジ

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

埋め込みカード

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

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

BibTeX形式の引用

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

Skillstore スコア

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

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

新機能を統一する

リリース前に、最近構築されたページを共有コンポーネント、トークン、インタラクションパターンに合わせる。

デザイン負債の作業を準備する

一貫性のない UI 判断を特定し、一回限りの実装負債を減らすための焦点を絞った計画を作成する。

プロダクトの一貫性をレビューする

プロダクト領域が、確立済みのアクセシビリティ、レスポンシブ、レイアウトの慣例に従っているかを確認する。

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

ページを正規化する

設定ページを正規化して、私たちのデザインシステムに従うようにしてください。まず関連するデザインガイダンスを見つけ、そのうえで焦点を絞った UI 変更を提案して適用してください。

編集前に監査する

請求フローを私たちのデザインシステムに照らして分析してください。編集前に、タイポグラフィ、色、余白、コンポーネント、レスポンシブ動作、アクセシビリティごとに主な不一致を一覧化してください。

一回限りの UI を置き換える

既存の共有コンポーネントを使うべきダッシュボード概要エリアのカスタム UI を見つけてください。適切な場合は、デザインシステム相当のものに置き換えてください。

正規化して検証する

アカウントオンボーディングフローをエンドツーエンドで正規化してください。リポジトリのデザインガイダンスを使用し、一貫性のない UI を更新し、古いスタイルを削除して、関連するチェックを実行してください。

ベストプラクティス

視覚的な変更を行う前に、デザインシステムのコンテキストを収集する。
新しいローカルスタイルよりも、共有コンポーネントとトークンを優先する。
編集後にアクセシビリティ、レスポンシブ動作、回帰チェックを検証する。

回避

適切な共有コンポーネントがすでに存在する場合は、新しいコンポーネントを作らない。
トークンから取得すべき色、余白、タイポグラフィをハードコードしない。
ユーザビリティやアクセシビリティの違いを無視して、見た目の磨き込みだけを追求しない。

よくある質問

このスキルは何を正規化しますか？

タイポグラフィ、色、余白、レイアウト、コンポーネント、モーション、レスポンシブ動作、アクセシビリティなどのインターフェイスの細部を正規化します。

既存のデザインシステムは必要ですか？

はい。リポジトリに、従うべき文書化されたパターン、共有コンポーネント、トークン、または既存のプロダクト画面がある場合に最も効果的です。

新しい共有コンポーネントを作成できますか？

必要に応じて再利用可能なコンポーネントを推奨または移動できますが、まず既存のデザインシステム相当のものを探します。

視覚的なスタイルだけを変更しますか？

いいえ。ユーザビリティ、情報階層、レスポンシブ動作、インタラクションパターン、アクセシビリティも考慮します。

どのツールがこのスキルを使用できますか？

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

チームはその変更をどのようにレビューすべきですか？

チームはスクリーンショットまたはプレビューをレビューし、デザイン意図を確認し、リポジトリの lint、型、テストチェックを実行する必要があります。

開発者情報

作成者

pbakaus

ライセンス

MIT

Skillstore リビジョン

バージョンに関する注意

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

リポジトリ

https://github.com/pbakaus/impeccable/tree/main/source/skills/normalize/

参照

e397ce5a135369cd6def89cb6400d013e2f68f2f

メンテナンスの新しさ

2026/7/18

利用状況

13 ダウンロード · 157 閲覧

ファイル構成

AST構造でコードを検索

作成者 0xDarkMatter

テキスト検索では意味的な関係を見逃し、ノイズの多い一致結果が生じます。このスキルはast-grepパターンを使用してコード構造を特定し、対象を絞ったリファクタリングを準備します。

コーディング＆開発表示

normalize

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

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

テストする

セキュリティ監査

レポートリンクをコピー

Markdownバッジ

HTMLバッジ

埋め込みカード

APA形式の引用

BibTeX形式の引用

CITATION.cff

Skillstore スコア

作成できるもの

新機能を統一する

デザイン負債の作業を準備する

プロダクトの一貫性をレビューする

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

ベストプラクティス

回避

よくある質問

開発者情報

pbakaus のその他のスキル

shape

teach-impeccable

delight

onboard

extract

layout

関連スキル

ui-styling

web-accessibility

frontend-design

uizze-ui

analyzing-patterns

structural-search