What we found

1. 1

   Skipped Heading Level Broken basic · not graded · 1 on the page

   An h1 followed straight by an h3, because the h3 was the size that looked right.

   Fix: Nest headings in order: an h2 under the h1, an h3 under an h2. Style size separately from level.

   What we found

   • h1 followed directly by h3

   Pattern in the library →

Motion 2 flagged

New. We watch the page move, hover its cards and turn on the visitor's reduce-motion setting. None of these count toward the grade yet. Two held up in a first hand check (stock timing and ignoring reduce motion); they join the grade once they hold up on a bigger set.

• 31

  M1Never-ending loops Not graded · Flagged

  Running forever: -VOcTG_agentBorderSweep ×3, sx-45fvhf-B ×3, grid-dot-0-0-agent ×1, grid-dot-0-1-agent ×1, grid-dot-0-2-agent ×1.

  Fix: Let decoration play once, or tie it to something the visitor did. Keep loops for real live status only.

• 75

  M2Ignores 'reduce motion' Not graded · Flagged

  With the visitor's reduce-motion setting on, 75 animations keep looping. That setting is there for people who get dizzy or sick from motion.

  Fix: Wrap looping and entrance animations in @media (prefers-reduced-motion: no-preference), or use Tailwind's motion-safe: prefix.

• 3

  M3Content stuck invisible Measured · Flagged

  3 blocks of text never appeared, even after scrolling the whole page.

  Fix: Never hide content until a script runs. Start visible and animate from there, or drop the entrance.

• 0

  Everything fades in on scroll Not graded · Fine

  0 blocks of text start invisible and fade in as you scroll.

• 0%

  Default animation timing Not graded · Fine

  0 of 404 animated elements use the framework's stock curve and speed.

• 0/6

  Bounce on hover Not graded · Fine

  0 of 6 cards and buttons we hovered lift, grow or overshoot.

• 0.00

  Page jumps while loading Not graded · Fine

  Layout shift score 0.00. Google treats above 0.10 as poor.

• 0

  Animations that move the layout Measured · Fine

  0 elements animate width, height, position or spacing, which makes the browser redo the layout every frame.

On a phone

• 24

  P1Tap targets too small Measured · Flagged

  24 buttons or links are smaller than 24px and sit too close to the next one (WCAG 2.2 target size).

  Fix: Give every button and standalone link at least 24×24px of tappable area (44px is better).

• no

  Scrolls sideways on a phone Not graded · Fine

  Fits a 390px phone.

• 0

  Text too small to read Measured · Fine

  0 runs of body text are under 12px on a phone.

Speed

Page weight

5.5 MB

Scripts

1,696 KB

Requests

629

Console errors

0

Worth a look

Less reliable on whole pages, so they don't count toward the grade.

• Sparkles Means Magic The four-point sparkle glyph on every button, badge and feature that touches AI.
• Get Started / Learn More The primary button says 'Get Started' and the secondary says 'Learn More', on every page, for every product.

Fix prompt

Written for the tool you build with. Paste it in and rescan.

Please fix these design problems on my site, most important first. Keep my copy, images and brand colours. Change only what is listed.
1. A55 Skipped Heading Level: Nest headings in order: an h2 under the h1, an h3 under an h2. Style size separately from level. (Where: h1 followed directly by h3)
2. Never-ending loops: Let decoration play once, or tie it to something the visitor did. Keep loops for real live status only. (Where: Running forever: -VOcTG_agentBorderSweep ×3, sx-45fvhf-B ×3, grid-dot-0-0-agent ×1, grid-dot-0-1-agent ×1, grid-dot-0-2-agent ×1.)
3. Ignores 'reduce motion': Wrap looping and entrance animations in @media (prefers-reduced-motion: no-preference), or use Tailwind's motion-safe: prefix. (Where: With the visitor's reduce-motion setting on, 75 animations keep looping. That setting is there for people who get dizzy or sick from motion.)
When you are done, list what you changed.

Fix these design problems found on https://linear.app/. Search the codebase for where each one is set (CSS, Tailwind classes, components) and make the smallest change that fixes it. Don't refactor anything else.
1. A55 Skipped Heading Level: Nest headings in order: an h2 under the h1, an h3 under an h2. Style size separately from level. (Where: h1 followed directly by h3)
2. Never-ending loops: Let decoration play once, or tie it to something the visitor did. Keep loops for real live status only. (Where: Running forever: -VOcTG_agentBorderSweep ×3, sx-45fvhf-B ×3, grid-dot-0-0-agent ×1, grid-dot-0-1-agent ×1, grid-dot-0-2-agent ×1.)
3. Ignores 'reduce motion': Wrap looping and entrance animations in @media (prefers-reduced-motion: no-preference), or use Tailwind's motion-safe: prefix. (Where: With the visitor's reduce-motion setting on, 75 animations keep looping. That setting is there for people who get dizzy or sick from motion.)
Then show me a summary of the diff.

Update this page to fix the design problems below. Keep the structure, copy and shadcn components; change Tailwind classes and styles only where needed.
1. A55 Skipped Heading Level: Nest headings in order: an h2 under the h1, an h3 under an h2. Style size separately from level. (Where: h1 followed directly by h3)
2. Never-ending loops: Let decoration play once, or tie it to something the visitor did. Keep loops for real live status only. (Where: Running forever: -VOcTG_agentBorderSweep ×3, sx-45fvhf-B ×3, grid-dot-0-0-agent ×1, grid-dot-0-1-agent ×1, grid-dot-0-2-agent ×1.)
3. Ignores 'reduce motion': Wrap looping and entrance animations in @media (prefers-reduced-motion: no-preference), or use Tailwind's motion-safe: prefix. (Where: With the visitor's reduce-motion setting on, 75 animations keep looping. That setting is there for people who get dizzy or sick from motion.)

Fix these design problems on https://linear.app/. Change only what is listed.
1. A55 Skipped Heading Level: Nest headings in order: an h2 under the h1, an h3 under an h2. Style size separately from level. (Where: h1 followed directly by h3)
2. Never-ending loops: Let decoration play once, or tie it to something the visitor did. Keep loops for real live status only. (Where: Running forever: -VOcTG_agentBorderSweep ×3, sx-45fvhf-B ×3, grid-dot-0-0-agent ×1, grid-dot-0-1-agent ×1, grid-dot-0-2-agent ×1.)
3. Ignores 'reduce motion': Wrap looping and entrance animations in @media (prefers-reduced-motion: no-preference), or use Tailwind's motion-safe: prefix. (Where: With the visitor's reduce-motion setting on, 75 animations keep looping. That setting is there for people who get dizzy or sick from motion.)

The five most important changes. Fix these, rescan, and the next ones move up.

Stop it coming back

Add Slop Patterns to your coding agent. It checks new pages against the same library of 235 patterns before they ship.

Every agentClaude CodeCursorCodexVS CodeWindsurfGemini CLIClaude appOther

Finds the coding agents on your machine and adds it to each one.

npx add-mcp https://sloppatterns.com/mcp

Copy

No account or key needed. Works with any agent that supports MCP.

Share

Badge for your site

<a href="https://sloppatterns.com/score/r/linear.app"><img src="https://sloppatterns.com/score/r/linear.app/badge.svg" alt="Slop Score: B"></a>

Slop Patterns is made by Pavithra Lamahewa at Precious Studio. The grade weighs each AI-era pattern by how much it rose on 4,725 Show HN launch pages, from 2016–19 to 2026 (The Same Page). A pattern counts only when we can point at it on the page. Broken basics and motion are shown but not graded. Scanned 2026-09-23 with detector 1.1.1. Method and library.