技能 quieter
📦

quieter

内容修订 r1 安全

优化过于强烈的视觉设计

视觉强烈的界面可能会让用户感到负担，并使内容更难浏览。此技能指导 Claude、Codex 或 Claude Code 在保留层级和可用性的同时降低视觉强度。

支持: Claude Codex Code(CC)
🥉 78 青铜

使用我的智能体安装

将此请求复制给你的智能体，其中包含权威 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.

你的智能体仍应展示其计划，并按安全策略请求必要确认。

Agent 可读资源

当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。

Markdown 详情 GET /skills/pbakaus-quieter.md 已签名 manifest GET /api/skills/pbakaus-quieter/manifest 已签名 lockfile GET /api/skills/pbakaus-quieter/lockfile

测试它

正在使用“quieter”。 一个落地页使用霓虹色、大号粗体标题、动画渐变和厚重阴影。

预期结果:

  • 为主要操作保留一个高饱和度强调色。
  • 将背景和辅助版块调整为柔和的中性色。
  • 降低标题字重，并移除不支持理解的装饰性动画。

正在使用“quieter”。 一个仪表盘使用高饱和度状态色、粗分隔线和多个相互竞争的卡片样式。

预期结果:

  • 仅为紧急状态保留强烈色彩。
  • 使用更轻的分隔线和更一致的间距。
  • 简化卡片样式，使数据层级更易浏览。

正在使用“quieter”。 一个移动端页面感觉高级，但由于每个元素都很大且高对比度，视觉上显得过于强烈。

预期结果:

  • 保持主要操作突出。
  • 降低次要文本的字号和字重。
  • 使用更小的尺度范围，让页面在不丢失结构的情况下更平和。

安全审计

安全
v4 • 2026/7/6 打开版本化报告

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.

1
已扫描文件
106
分析行数
0
复核项
0
已忽略误报
最新一次完成的静态与语义审计未检测到已确认的安全发现。这并不能证明该 Skill 没有副作用。
审计者: codex 查看审计历史 →
分享与引用此报告

分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。

打开版本化报告
安全评估

复制报告链接

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

Markdown 徽章

[![Skillstore security assessment](https://skillstore.io/badges/skills/pbakaus-quieter/security.svg)](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/4

BibTeX 引用

@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 评分

评分依据 证据置信度: 高
55
架构
85
可维护性
87
内容
69
社区
83
规范符合性

你能构建什么

让营销页面更平和

产品营销人员可以减少过于强烈的颜色、厚重字体和装饰性效果，同时不丢失清晰的产品主张。

优化 Web App 页面

前端工程师可以通过调整层级、间距、边框和动效，使信息密集的页面更易浏览。

评审设计系统

设计负责人可以将视觉强度问题转化为配色、排版、效果和组件状态的一致规则。

试试这些提示

让组件更安静 
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.

最佳实践

  • 保留一到两个强视觉锚点，使界面仍然具有清晰层级。
  • 综合使用柔和色彩、间距和排版，而不是只依赖单一调整。
  • 在降低视觉强度后，验证可读性、可识别的操作提示和品牌特质。

避免

  • 让每个元素都变小、变淡，或在视觉上完全同等重要。
  • 以平和设计之名移除所有色彩和个性。
  • 降低按钮、链接、表单或关键状态的可操作性清晰度。

常见问题

这个技能有什么作用？
它帮助降低界面的视觉强度，同时保留可用性、层级和设计质量。
更安静是否意味着无聊？
不是。该技能的目标是打造精致、成熟的设计，同时仍保留个性和清晰优先级。
它可以直接编辑代码吗？
它提供设计指导。在编码工具中，代理可以将这些指导应用到 UI 文件中。
哪些工具可以使用它？
报告标明它兼容 Claude、Codex 和 Claude Code。
它需要另一个技能吗？
说明要求代理使用 frontend-design 进行上下文收集和准备。
它能帮助提升无障碍性吗？
它可以提升可读性并减少视觉疲劳，但不能替代无障碍测试。

开发者详情

作者

pbakaus

许可证

MIT

Skillstore 修订

r1

版本提示

作者未声明版本。

仓库

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

引用

e397ce5a135369cd6def89cb6400d013e2f68f2f

维护新鲜度

2026/7/18

使用量

6 次下载 · 132 次浏览

文件结构

📄 SKILL.md

pbakaus 的更多技能

查看全部

相关技能

查看全部