quieter
Refinar Designs Excessivamente Ousados
O Claude pode automaticamente suavizar designs que são muito agressivos ou visualmente avassaladores, criando uma estética mais refinada e sofisticada enquanto preserva o impacto e a funcionalidade.
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“quieter”。 Use quieter skill to tone down our hero section
预期结果:
I analyzed your hero section and identified these intensity sources:
**Color**: Primary blue at 100% saturation → reduced to 75%
- Changed #0066FF to #0052CC
- Softened gradient from dramatic to subtle
**Typography**: Heading at 900 weight → reduced to 700
- Hero headline: 56px/700 → 48px/600
- Subheadline: 20px/400 → 18px/400
**Spacing**: Increased padding by 16px for more breathing room
The refined design maintains impact while feeling more sophisticated and approachable.
正在使用“quieter”。 Apply quieter to our button components
预期结果:
For your button components, I applied these refinements:
**Primary Button**:
- Reduced gradient intensity by 40%
- Changed shadow from dramatic to subtle (0 4px 14px → 0 2px 4px)
- Softened hover transition (0.3s → 0.2s)
**Secondary Button**:
- Removed solid border, use subtle outline instead
- Reduced background opacity from 100% to 10%
Result: Buttons remain functional and clear but no longer compete with content.
安全审计
安全Static analysis flagged 17 'weak cryptographic algorithm' and 2 'network reconnaissance' patterns. After manual review, all findings are FALSE POSITIVES: The static scanner misidentified design terminology ('bold', 'gray') as security issues. This is a benign UI/UX design skill with no code execution, network access, or file system operations. Risk factors: none detected.
检测到的模式
质量评分
你能构建什么
Páginas de Aterrissagem de Marketing
Suavizar designs de marketing agressivos que podem sobrecarregar os usuários, criando uma experiência mais acessível enquanto preserva as mensagens principais e chamadas para ação.
Interfaces de Dashboard
Reduzir ruído visual em dashboards com muitos dados para diminuír a carga cognitiva e facilitar a digitalização e compreensão de informações importantes.
Experiências de Leitura
Criar experiências de leitura mais confortáveis suavizando contraste, reduzindo desordem visual e estabelecendo hierarquias visuais calmas.
试试这些提示
Use a skill quieter para suavizar os elementos de design agressivos em nossa página de aterrissagem. Foque em reduzir a saturação de cor e suavizar a hierarquia tipográfica.
Aplique quieter ao componente da seção hero. Reduza os títulos em negrito e suavize os gradientes dos botões mantendo CTAs claros.
Execute quieter para analisar todo o nosso sistema de design. Identifique todas as fontes de intensidade visual e crie um plano para refinar a paleta, tipografia e espaçamento.
Use quieter para reduzir a intensidade das nossas animações. Encurte distâncias de animação e substitua easing elástico por alternativas mais suaves.
最佳实践
- Sempre colete contexto de design primeiro usando a skill frontend-design e seu Protocolo de Coleta de Contexto
- Preserve hierarquia - quieter não significa uniforme; alguns elementos devem permanecer em negrito como âncoras
- Teste legibilidade após refinamento - certifique-se de que o texto permanece legível e confortável para leitura prolongada
避免
- Não remova toda a cor - design quieto ainda usa cor estrategicamente como acento (regra de 10%)
- Não faça tudo do mesmo tamanho e peso - hierarquia ainda guia a atenção do usuário
- Não sacrifique usabilidade por estética - elementos funcionais precisam de affordances claras