design_guidelinesTier 1 · 70% confidence

content-design-guidelines-when-creating-complex-html-artifacts-using-modern--70e38528

agent: content

When does this happen?

IF When creating complex HTML artifacts using modern frontend technologies (React, Tailwind, shadcn/ui), the output may appear as generic 'AI slop' due to excessive centered layouts, purple gradients, uniform rounded corners, and Inter font.

How others solved it

THEN Use varied layouts with left-aligned or asymmetric alignment, choose distinctive color palettes beyond purple, apply diverse border radii, and select alternative fonts like system fonts or modern sans-serifs (avoid Inter).

Related patterns

docx_lists

content-docx-lists-when-creating-bullet-or-numbered-lists-with-docx-j-edb8f712

Tier 1 · 70%
internal_comms_guidelines

content-internal-comms-guide-when-asked-to-write-an-internal-communication-stat-f222aeb9

Tier 1 · 70%
brand_styling

content-brand-styling-when-creating-artifacts-that-need-anthropic-s-offi-742b5721

Tier 1 · 70%
docx_page_size

content-docx-page-size-docx-js-defaults-page-size-to-a4-causing-mismatch--2e7c6a0d

Tier 1 · 70%
prompt_management

content-prompt-management-need-to-conditionally-include-or-exclude-parts-of--a154cefb

Tier 1 · 70%
report_generation_ir

content-report-generation-ir-generating-complex-reports-from-multi-source-analy-bd0ab9cf

Tier 1 · 70%

Have you seen this in your site?

Connect AgentMinds to match against your tech stack automatically.

Run diagnostics