スキル colorize

📦

colorize

Name: colorize
Author: pbakaus

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

インターフェースに目的のある色を加える

多くのインターフェースは、グレーの面と弱いアクセントに頼ると平板に感じられます。このスキルは、Claude、Codex、Claude Code が目的、階層、アクセシビリティを意識して色を加えるのに役立ちます。

対応: Claude Codex Code(CC)

🥉 77 ブロンズ

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

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

エージェントリクエスト

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

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

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

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

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

テストする

「colorize」を使用しています。控えめなボタンとスキャンしにくいステータスラベルを備えたグレーの分析ダッシュボード。

期待される結果:

結果では、アクションに 1 つの主要アクセント、ステータスにセマンティックなバッジカラー、セクションのグルーピングに柔らかい色付きサーフェスを使用します。

「colorize」を使用しています。黒、白、グレーのみを使用した設定ページ。

期待される結果:

結果では、温かみのあるニュートラルな背景、色付きのフォーカス状態、重要なコントロールへの抑制されたアクセントを追加します。

「colorize」を使用しています。タスクの種類と進捗状態が同じように見えるプロジェクトボード。

期待される結果:

結果では、コントラストを維持しながら、タスクカテゴリ、進捗状態、優先度マーカーに一貫した色を割り当てます。

セキュリティ監査

安全

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

The static findings are false positives from Markdown inline color values and design assessment wording. No executable commands, host reconnaissance, data collection, or prompt injection attempts were found in SKILL.md.

スキャンされたファイル

146

解析済み行数

レビュー項目

誤検知を無視

リスク要因

⚙️ 外部コマンド (2)

SKILL.md:75 SKILL.md:129

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

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

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

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

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

レポートリンクをコピー

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

Markdownバッジ

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

HTMLバッジ

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

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/pbakaus-colorize.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). colorize security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/pbakaus-colorize/audits/4

BibTeX形式の引用

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

Skillstore スコア

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

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

グレースケールのダッシュボードを生き返らせる

ダッシュボードをうるさくせずに、セマンティックなステータスカラー、チャートカラー、アクションの強調を追加します。

プロダクトのカラーシステムを計画する

機能全体でブランドカラー、アクセントカラー、ニュートラルな色合いをどこに表示すべきかを定義します。

デザイントークンの使用を改善する

色の役割をレビューし、任意の値を一貫性がありアクセシブルなパレットに置き換えます。

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

コンポーネントに色を付ける

このコンポーネントに colorize スキルを使用してください。パレットは抑制を効かせ、各色がどこで意味を加えるかを説明してください。

セマンティックパレットを作成する

colorize スキルを使用して、この機能の success、error、warning、info、neutral の色を定義してください。

プロダクト領域を刷新する

このプロダクト領域全体に colorize スキルを使用してください。ブランドとの適合性を維持し、階層を改善し、ランダムな装飾を避けてください。

カラー戦略を監査して洗練する

colorize スキルを使用して現在の色の使用状況を監査し、不整合を特定し、アクセシブルなデザイントークン更新を提案してください。

ベストプラクティス

新しいアクセントを追加する前に、既存のブランドカラーから始めます。
明るい色は主に重要なアクション、状態、ナビゲーションの手がかりに使用します。
テキストのコントラストを検証し、色だけに依存しないようにします。

回避

画面を活気づけるために、関連性のない多くの色を追加する。
セマンティックな意味や階層なしに色を使用する。
広いインターフェース領域に純黒または純白を適用する。

よくある質問

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

単色すぎる、平板すぎる、または視覚的に分かりにくいインターフェースに、戦略的な色を加えるのに役立ちます。

ランダムな色を選びますか？

いいえ。文脈を確認し、ブランド適合性、階層、意味、アクセシビリティに基づいて色を適用します。

既存のデザインシステムで使えますか？

はい。既存のトークン、ブランドパレット、コンポーネントの役割に合わせて色の選択を調整できます。

アクセシビリティに対応していますか？

コントラストチェック、色覚レビュー、重要な状態に対する色以外のインジケーターを促します。

チャートやダッシュボードを改善できますか？

はい。データ可視化の色、ステータスカラー、進捗インジケーター、視覚的階層を扱います。

カラフルなブランド専用ですか？

いいえ。抑制されたプロダクトスタイルを保ちながら、さりげない温かみと構造を加えることができます。

開発者情報

作成者

pbakaus

ライセンス

MIT

Skillstore リビジョン

バージョンに関する注意

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

リポジトリ

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

参照

e397ce5a135369cd6def89cb6400d013e2f68f2f

メンテナンスの新しさ

2026/7/18

利用状況

8 ダウンロード · 113 閲覧

ファイル構成

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

作成者 Atman36

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

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

colorize

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

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

テストする

セキュリティ監査

リスク要因

レポートリンクをコピー

Markdownバッジ

HTMLバッジ

埋め込みカード

APA形式の引用

BibTeX形式の引用

CITATION.cff

Skillstore スコア

作成できるもの

グレースケールのダッシュボードを生き返らせる

プロダクトのカラーシステムを計画する

デザイントークンの使用を改善する

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

ベストプラクティス

回避

よくある質問

開発者情報

pbakaus のその他のスキル

shape

teach-impeccable

delight

onboard

distill

layout

関連スキル

ui-styling

ux-designer

ui-design

web-accessibility

design-system

frontend-design