quieter
派手なビジュアルデザインを洗練する
派手なインターフェースはユーザーを圧倒し、コンテンツを見つけにくくすることがあります。このスキルは、階層構造と使いやすさを保ちながら視覚的な強さを抑えるよう、Claude、Codex、Claude Code を導きます。
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "quieter" from https://skillstore.io/skills/pbakaus-quieter.md and its manifest at https://skillstore.io/api/skills/pbakaus-quieter/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「quieter」を使用しています。 ランディングページで、ネオンカラー、大きな太字見出し、アニメーションするグラデーション、強い影が使われている。
期待される結果:
- 主要アクションには彩度の高いアクセントを 1 つだけ残します。
- 背景と補助セクションを控えめなニュートラルへ移行します。
- 見出しの太さを抑え、理解を助けない装飾的なアニメーションを削除します。
「quieter」を使用しています。 ダッシュボードで、彩度の高いステータスカラー、太い区切り線、競合する複数のカード表現が使われている。
期待される結果:
- 強い色は緊急状態のみに限定します。
- より軽い区切り線と、より一貫した余白を使用します。
- カード表現を簡素化し、データ階層を見つけやすくします。
「quieter」を使用しています。 モバイル画面は高級感があるが、すべての要素が大きく高コントラストなため視覚的に強すぎる。
期待される結果:
- 主要アクションは目立つ状態を保ちます。
- 補助テキストのサイズと太さを抑えます。
- スケールの幅を小さくし、構造を失わずに画面を落ち着かせます。
セキュリティ監査
安全The two static network reconnaissance hits are false positives. The cited SKILL.md lines discuss tinted grays and visual hierarchy, not network probing or data collection. No prompt injection, exfiltration intent, command execution, filesystem access, or network behavior was found.
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/pbakaus-quieter/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/pbakaus-quieter?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/pbakaus-quieter?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/pbakaus-quieter/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/pbakaus-quieter.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). quieter security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/pbakaus-quieter/audits/4BibTeX形式の引用
@techreport{pbakaus-pbakaus-quieter-2026,
author = {pbakaus},
title = {quieter security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/pbakaus-quieter/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: "quieter security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "pbakaus"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/pbakaus-quieter/audits/4"
identifiers:
- type: other
value: "skillstore:pbakaus-quieter:audit:4"
description: "Skillstore immutable audit report identifier"
Skillstore スコア
このスコアの理由 証拠の信頼度: 高作成できるもの
マーケティングページを落ち着かせる
プロダクトマーケターは、明確なオファーを失わずに、派手な色、重い文字表現、装飾的な効果を抑えられます。
Web アプリ画面を洗練する
フロントエンドエンジニアは、階層、余白、境界線、動きを調整することで、情報量の多い画面を見やすくできます。
デザインシステムをレビューする
デザインリードは、強すぎる表現の問題を、パレット、タイポグラフィ、効果、コンポーネント状態に関する一貫したルールへ落とし込めます。
これらのプロンプトを試す
Use the quieter skill on the pricing card. Identify the loudest visual elements and suggest restrained changes that preserve conversion.
Use quieter on this landing page. Review color saturation, contrast, type weight, spacing, and motion, then propose a calmer visual direction.
Use quieter on the current UI code. Keep the brand character, reduce decorative effects, and list specific edits for colors, typography, borders, and animation.
Use quieter across this product interface. Compare each screen's intensity, define a restrained hierarchy strategy, and verify readability, function, and distinctiveness.
ベストプラクティス
- インターフェースに明確な階層が残るよう、強い基準点を 1 つか 2 つ保ちます。
- 1 つの変更に頼るのではなく、控えめな色、余白、タイポグラフィを組み合わせて使います。
- 強さを抑えた後に、読みやすさ、操作の手がかり、ブランドらしさを確認します。
回避
- すべての要素を小さく、薄く、または視覚的に同等にしてしまうこと。
- 落ち着いたデザインという名目で、すべての色と個性を取り除くこと。
- ボタン、リンク、フォーム、重要な状態における操作の手がかりを弱めること。