agentspeed.

css-tricks.com

scanned 7/27/2026, 12:40:32 PM · cached · refresh in 21h · rubric 2026.08.1
Built with WordPress
robots.txt present: passrobots.txt allows AI agents: passContent-Signal directives: failllms.txt present: passSitemap present: passLink response headers: passCanonical URL: passMCP server card: failOAuth authorization metadata: failOAuth resource metadata: failAPI catalog / OpenAPI: failWeb Bot Auth: failMarkdown negotiation: failText-to-markup ratio: failContent without JavaScript: skipHeading hierarchy: passCookie wall blocks content: warnDeclared language: passPage title: passMeta description: passJSON-LD present: passStructured data validates: warnSchema type coverage: passPaywall / login wall: passAgent Skills manifest: failWebMCP actions: failPrimary action reachable: passReachability: passTime to first byte: warnFull render time: skipPage weight: pass75/ 100 · C
Good

This is how AI agents (not browsers) experience css-tricks.com. The score weights five categories of machine-readability; the ticks on the arc are the 31 individual checks behind it.

✉ Email me this report + alert me when it changes ↓

Top fixes

Checks tagged “emerging” are 2026 agent-protocol standards most of the web hasn’t adopted yet — adopting early is an edge, not a defect.

failText-to-markup ratioReadability

Visible text is 4.4% of HTML weight (6737/151643 bytes). Low. Markup may be crowding out agent-usable text.

Fix: Heavy ad or navigation markup crowds out agent-usable text. Aim for a text-to-DOM ratio above 15%.

warnCookie wall blocks contentReadability

Consent modal detected (trustarc.com); content still visible. Verify the modal does not block first-paint for screenshot agents.

Fix: Defer cookie consent overlay until after content is visible, or render behind the primary content. Agents without JS or with ad-blocking profiles see a blank page otherwise.

warnStructured data validatesStructured data

2 recommended-field warning(s). First: WebPage recommends "description" (improves agent comprehension). 1 block(s) skipped — type outside the set we check.

Fix: Validate your JSON-LD with Google Rich Results test. Fix missing required properties.

warnTime to first bytePerformance

TTFB 616ms. Acceptable.

Fix: Agents time out aggressively. Use edge caching for anonymous requests to cut TTFB below 800ms.

failContent-Signal directivesemergingDiscoverability

No Content-Signal directives. Add e.g. `Content-Signal: ai-train=no, ai-summarize=yes` to declare granular AI usage policy beyond binary allow/disallow.

Fix: Add `Content-Signal:` directives to your robots.txt. This is the emerging standard (Cloudflare-driven) for declaring fine-grained AI usage policy beyond a binary allow/disallow.

failMCP server cardemergingDiscoverability

No valid MCP Server Card at /.well-known/mcp/server-card.json. Publish one so agents can discover your tools without HTML scraping.

Fix: Publish an MCP Server Card describing the tools your site exposes. Agents discover capabilities via `/.well-known/mcp/server-card.json`. See modelcontextprotocol.io for the schema.

Don’t lose this report

Get it in your inbox now — and a heads-up whenever css-tricks.com’s agent-readiness score changes. Free, unsubscribe anytime.

Does AI actually recommend css-tricks.com?

This scan shows whether an agent can read the site. One free probe asks a real assistant a real buying question and records who it cited.

Run the free probe →
This scan graded one page. Your site is more than one page.

This graded your homepage. Your pricing, docs, and checkout live on other pages — the ones assistants actually quote when they recommend you — and a 75/100 here means agents are already missing things on the page you polish most. The $29 Deep Scan audits the whole site against all 31 checks, then emails a PDF with every failing check and its exact fix, ranked by what costs you the most visibility. One-time, delivered in minutes, no subscription.

Order the Deep Scan →
Qualifies for certificationBronze

Right now, only you know this score. Your buyers ask AI before they buy — certification is how you show them, and anyone comparing you to a competitor, that assistants can actually read, quote, and use your site.

  • A public verification URL you can drop into a sales deck, a procurement questionnaire, or a partner review — anyone can check it, dated and signed.
  • An embeddable badge for your site — the visible version of a property competitors can’t claim without earning the score.
  • Weekly re-checks for a full year. A deploy that breaks agent access gets caught before it costs you recommendations — and before the certificate would lapse.

Sites under 70 can’t buy this at any price — that’s what makes displaying it mean something.

Certify css-tricks.com — $199/year →

What the agent receives

The agent’s-eye view
CSS-Tricks - Learning for front-end designers and developers Skip to main content CSS-Tricks Since 2007 Articles Guides Almanac Links Picks Newsletter Search Direct link to the article What’s !important #15: Boundary-aware CSS, Time-based CSS, Full-bleed CSS, and More news What’s !important #15: Boundary-aware CSS, Time-based CSS, Full-bleed CSS, and More Read all about boundary-aware CSS, accessible grid lanes, time-based web designs, full-bleed, the customizable select, and new web platform features. Daniel Schwarz on Jul 15, 2026 Popular this month Powered by DigitalOcean Article on Jun 30, 2026 The Shifting Line Between CSS States and JavaScript Events pseudo elements state Daniel Schwarz Article on Jun 18, 2026 The Siren Song of ariaNotify() accessibility JavaScript Mat Marquis Article on Jun 10, 2026 Creating Memorable Web Experiences: A Modern CSS Toolkit animation SVG ux Mariana Beldi Article on Jun 8, 2026 Scroll-Driven, Scroll-Triggered, Scroll States, and View Transitions container-queries Scroll Driven Animation Scroll-Triggered Animation view transitions Geoff Graham Article on May 20, 2026 Stack Overflow: When We Stop Asking ai opinion Sunkanmi Fafowora Article on Nov 3, 2025 The “Most Hated” CSS Feature: cos() and sin() animations math Juan Diego Rodríguez Article on Jun 22, 2026 Using Scroll-Driven Animations for Opposing Scroll Directions animations Scroll Driven Animation Silvestar Bistrović Article on Jun 19, 2026 A First Look at Scroll-Triggered Animations animation Scroll-Triggered Animation scrolling Daniel Schwarz Direct link to the article Get Ready For the Powerful CSS border-shape Property! border-shape borders css shapes Get Ready For the Powerful CSS border-shape Property! We recently got the shape() function and corner-shape property. What else could we possibly need as far as making shapes in CSS? Let me tell you: the border-shape property! Temani Afif on Jul 7, 2026 Direct link to the article What’s !important #14: Gap Decorations, random(), <select> field-sizing, and More news What’s !important #14: Gap Decorations, random(), <select> field-sizing, and More I know you’re busy, so for What’s !important #14, I’ll be sprinting through what’s been a stacked couple of weeks despite few browser updates. From CSS Quake to CSS Gap Decorations, this isn’t one to miss! Daniel Schwarz on Jun 30, 2026 Direct link to the article The Shifting Line Between CSS States and JavaScript Events pseudo elements state The Shifting Line Between CSS States and JavaScript Events CSS has always had pseudo-classes that style things based on user interactions. Recent features, however, are blurring the line between what CSS “listens” for and how they are alternatives to what Javascript typically listens for. Daniel Schwarz on Jun 29, 2026 Direct link to the article Using Scroll-Driven Animations for Opposing Scroll Directions animations Scroll Driven Animation Using Scroll-Driven Animations for Opposing Scroll Directions Sometimes designers have silly ideas that eventually grow on you. That happened to me with this concept where I had […] Silvestar Bistrović on Jun 22, 2026 Direct link to the article A First Look at Scroll-Triggered Animations animation Scroll-Triggered Animation scrolling A First Look at Scroll-Triggered Animations Let’s poke at the differences between scroll- driven and scroll- triggered animations. Daniel Schwarz on Jun 19, 2026 Keep browsing in the archives Safari TP 248 becomes the first to trial the no-clamp keyword for the progress() function. # July 23, 2026 Firefox 153 ships the Picture-in-Picture API , which is now Baseline. # July 22, 2026 Firefox 153 improves interoperability for muted and :muted , popover=hint , ::-webkit-scrollbar , and elements nested inside <select> elements. # July 21, 2026 Firefox 154 (Nightly) will ship text-box , text-box-trim , and text-box-edge , making them Baseline. # July 7, 2026 More Quick Hits → Fresh From the Almanac Properties, selectors, rules, and functions! Almanac on Jun 3, 2026 @function @function --font-size() returns { } CSS functions Declan Chidlow Almanac on Jun 4, 2026 @custom-media @custom-media --tablet (768px Declan Chidlow Almanac on May 13, 2026 rotate() .element { transform: rotate(45deg); } transform Gabriel Shoyombo Almanac on May 13, 2026 rotateX() .element { transform: rotateY(60deg); } transform Gabriel Shoyombo Almanac on May 13, 2026 rotateY() .element { transform: rotateY(30deg); } transform Gabriel Shoyombo Almanac on May 13, 2026 rotateZ() .element { transform: rotateZ(90deg); } transform Gabriel Shoyombo Almanac on Jul 2, 2025 view() .element { animation-timeline: view(); } Saleh Mubashar Almanac on Jul 2, 2025 scroll() .element { animation-timeline: scroll(); } Saleh Mubashar CSS Guides Dive deep into CSS features and concepts All Guides → Snippet on May 28, 2026 A Complete CSS Flexbox Layout Guide flexbox layout Chris Coyier Article on May 12, 2026 A Complete CSS Grid Layout Guide grid layout Chris House Article on Jun 4, 2026 CSS Anchor Positioning Guide anchor positioning Juan Diego Rodríguez Article on May 2, 2025 CSS Selectors selectors Geoff Graham Article on Jun 26, 2025 CSS Color Functions color Sunkanmi Fafowora Article on Apr 13, 2026 Styling Counters in CSS counters lists Juan Diego Rodríguez Article on Aug 27, 2024 CSS Length Units container units units Geoff Graham Article on Jan 14, 2026 CSS Container Queries container-queries Geoff Graham Article on Dec 19, 2024 CSS Media Queries Guide media queries Andrés Galante Article on Dec 9, 2025 Cascade Layers Guide cascade layers Miriam Suzanne Article on Aug 21, 2025 CSS Functions Guide functions Eric Bailey Article on Aug 12, 2024 CSS Gradients Guide Geoff Graham Article on Oct 17, 2024 CSS Custom Properties Guide custom properties Chris Coyier Classic Tricks Timeless CSS gems Article on Oct 6, 2021 Scroll Animation Chris Coyier Article on Oct 6, 2021 Yellow Flash Chris Coyier Article on Oct 6, 2021 Self-Drawing Shapes Chris Coyier Article on Nov 3, 2025 Scroll Shadows Geoff Graham Article on May 20, 2020 Editable Style Blocks Chris Coyier Article on Oct 6, 2021 Scroll Indicator Chris Coyier Article on Mar 15, 2020 Border Triangles Chris Coyier Article on Oct 3, 2021 Pin Scrolling to Bottom Chris Coyier Article on Jul 5, 2021 Infinite Scrolling Background Image Chris Coyier CSS-Tricks is powered by DigitalOcean . Get Curated Front-End Roundups Right in Your Inbox Coming back really, really soon! See past issues → Enter your email CSS-Tricks About the site Write for CSS-Tricks! RSS Feeds Contact us Social Bluesky Mastodon CodePen X / Twitter Legalese CSS-Tricks License AI Statement Back to Top

Show your score

Embed this badge on your site. It links back to this live scan and updates on every rescan.

AgentSpeed score for css-tricks.com
<a href="https://agentspeed.com/scan/css-tricks.com"><img src="https://agentspeed.com/badge/css-tricks.com" alt="AgentSpeed agent-readiness score" height="56"></a>

Track this score

Get this report by email, then a heads-up when css-tricks.com’s agent-readiness actually changes — a check regressing, or the composite dropping.

Two things never trigger an email: a score change caused by us publishing a new rubric, because that is a different instrument rather than a change to your site, and movement explained only by timing-derived checks, which shift run to run on a site nobody touched.

Want it on your own schedule, with Slack or a webhook instead of email? Score-drift monitoring is on every paid plan.

This score says whether an AI agent could read css-tricks.com. AI traffic analytics says whether one actually came — and which pages turned it away.

Full breakdown

16 pass3 warn10 fail2 skip
Discoverability
pass
robots.txt present
A robots.txt is reachable at the site root.
100/100
pass
robots.txt allows AI agents
All 9 answer-time access agents allowed.
100/100
fail
Content-Signal directivesemerging
No Content-Signal directives. Add e.g. `Content-Signal: ai-train=no, ai-summarize=yes` to declare granular AI usage policy beyond binary allow/disallow.
0/100
pass
llms.txt present
Found /llms.txt but missing markdown links. Not scored.
100/100
pass
Sitemap present
sitemap.xml reachable and referenced from robots.txt.
100/100
pass
Link response headers
Link: header carries useful relation(s): alternate.
100/100
pass
Canonical URL
Canonical points to self: https://css-tricks.com/.
100/100
fail
MCP server cardemerging
No valid MCP Server Card at /.well-known/mcp/server-card.json. Publish one so agents can discover your tools without HTML scraping.
0/100
fail
OAuth authorization metadataemerging
No RFC 8414 metadata at /.well-known/oauth-authorization-server. Agents that act on behalf of users need this to discover your authorization endpoints.
0/100
fail
OAuth resource metadataemerging
No RFC 9728 metadata at /.well-known/oauth-protected-resource. Publish it so agents can discover required scopes without hand-coded credentials.
0/100
fail
API catalog / OpenAPIemerging
No /.well-known/api-catalog (RFC 9727) and no /openapi.json|yaml. Publish one so agents that integrate with APIs can discover your endpoints.
0/100
fail
Web Bot Authemerging
No Web Bot Auth JWKS at /.well-known/http-message-signatures-directory.json. Publish one to allow trusted agents while keeping a default-deny posture for the rest.
0/100
Readability
fail
Markdown negotiationemerging
Accept: text/markdown returns HTML, not markdown. Serve a markdown variant of primary content when requested; agents summarize and cite it more reliably.
0/100
fail
Text-to-markup ratio
Visible text is 4.4% of HTML weight (6737/151643 bytes). Low. Markup may be crowding out agent-usable text.
33/100
skip
Content without JavaScript
Browser pass unavailable; cannot measure JS dependency.
pass
Heading hierarchy
Hierarchy is well-formed (1 H1, no skipped levels, 55 headings total).
100/100
warn
Cookie wall blocks content
Consent modal detected (trustarc.com); content still visible. Verify the modal does not block first-paint for screenshot agents.
70/100
pass
Declared language
Declared lang="en".
100/100
pass
Page title
A concise <title> is present (60 chars).
100/100
pass
Meta description
A well-sized meta description is present (142 chars).
100/100
Structured data
pass
JSON-LD present
Found 1 JSON-LD block.
100/100
warn
Structured data validates
2 recommended-field warning(s). First: WebPage recommends "description" (improves agent comprehension). 1 block(s) skipped — type outside the set we check.
90/100
pass
Schema type coverage
Expected types declared: Article|BlogPosting|NewsArticle.
100/100
Actionability
pass
Paywall / login wall
No paywall or login-wall detected on the landing URL.
100/100
fail
Agent Skills manifestemerging
No Agent Skills manifest at /.well-known/agent-skills.json. Enumerate the tasks agents can perform (search, add-to-cart, contact-support) so they pick the right one without scraping.
0/100
fail
WebMCP actionsemerging
No WebMCP detected. On pages with first-class actions (cart, support, account), embed a WebMCP server so on-page agents invoke tools directly.
0/100
pass
Primary action reachable
Primary offering identified ("CSS learning articles and guides") with price/CTA ("Get Curated Front-End Roundups Right in ").
100/100
pass
Reachability
HTTP 200.
100/100
Performance
warn
Time to first byte
TTFB 616ms. Acceptable.
60/100
skip
Full render time
Full-render time unavailable (browser pass skipped or failed).
pass
Page weight
Initial document is a lean 148 KB.
100/100
Beyond the scan

Running AI agents of your own? AgentSpeed also monitors them in production — every run, its latency, cost, and failures, with alerts when something breaks. Free for 10,000 events a month, no credit card.

Start watching free →See plans