Modern Web Guidance is a source repository for coding-agent skills that provide web-platform guidance, recommended practices, and browser compatibility information. It helps coding agents choose newer web APIs and patterns when generating web applications. The catalogue skills are the guidance produced and maintained by this project.
Borrowing it
Nothing to install: this file belongs to GoogleChrome/modern-web-guidance-src. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.
curl -O https://raw.githubusercontent.com/GoogleChrome/modern-web-guidance-src/main/.agents/skills/project-guides/SKILL.mdgit clone --depth 1 https://github.com/GoogleChrome/modern-web-guidance-srcWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/googlechrome/modern-web-guidance-src/project-guides)<a href="https://agentmods.dev/skills/googlechrome/modern-web-guidance-src/project-guides"><img src="https://agentmods.dev/badge/skills/googlechrome/modern-web-guidance-src/project-guides.svg" alt="Measured on agentmods" height="20"></a>- NVIDIA SkillSpector pass
What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00026 | $0.02788 |
| Opus 5 | $0.00013 | $0.01394 |
| Sonnet 5 | $0.00005 | $0.00558 |
| Haiku 4.5 | $0.00003 | $0.00279 |
Grade A, and why
project-guides scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 3d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 121 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Stage 2: Authoring guidance for a use case (Needs guidance)
This is the second of three stages in creating guidance:
- Stage 1: Identifying use cases for a feature
- Stage 2: Authoring guidance for a use case (you are here)
- Stage 3: Evaluating guidance for a use case
What a real-world coding agent sees
When a developer asks an AI coding assistant to implement something, the assistant retrieves the relevant guide.md via a RAG (vector search) system. guide.md is the only project file a real-world coding agent ever sees. Everything else in a use case directory is eval infrastructure:
| File/Directory | Purpose | Seen by real-world agents? |
|---|---|---|
guide.md |
Guidance for implementing the use case | ✅ Yes — this is the only file |
expectations.md |
Verification criteria used to generate target evaluation suites | ❌ No |
targets/<base_app>/solution.patch |
Golden diff against clean base app used to calibrate the grader | ❌ No |
targets/<base_app>/zero-passrate.patch |
Guidance-absent diff used to verify grader assertions fail when requirements are not implemented | ❌ No |
targets/<base_app>/grader.ts |
Playwright test suite run against the eval agent's output | ❌ No |
targets/<base_app>/task.md |
Simulated developer prompts fed to the eval agent by the harness | ❌ No |
Implication for authoring (guide.md & expectations.md): Authors and SMEs strictly author guide.md and expectations.md. You do not hand-author solution.patch, zero-passrate.patch, grader.ts, or task.md. Once guide.md and expectations.md are authored, running gd dev <guide> automatically loops across SUPPORTED_BASE_APPS (daily-grind and devtools-times) inside safe temporary /tmp/ sandboxes to generate and calibrate the evaluation capsules under targets/<base_app>/, runs agent evaluations, and produces an evaluation diagnostic report (test-app-results/report.md). Running gd pr <guide> then automatically commits, pushes, detects PR labels (gd-dev-content or gd-dev-eval), and opens the Pull Request.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 3d ago Changed · +1 lines 9ab62bb66ca3
- 8d ago First seen · 120 lines · 26 tokens per session scan A c310297ecb21
project-guides is a skill published in the GitHub repository GoogleChrome/modern-web-guidance-src (1,020 stars, last pushed yesterday), licensed Apache-2.0. It adds 26 tokens to every session and 2,788 once invoked, about $0.0001 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
systematic-debugging
Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes.
local-ai-agents
Build local-first AI agents that run entirely on a developer workstation with Microsoft Foundry Local and Qwen function-calling models. Covers Small Language Models (SLMs), the OpenAI-compatible local endpoint, sandboxed local tools, local RAG with Chroma, local MCP servers, hybrid cloud/local routing, and the…
next-cache-components-adoption
Turn on Cache Components in a Next.js app and resolve the blocking routes it surfaces. Use when the user wants to enable, adopt, or migrate to Cache Components, flip the cacheComponents flag, work through a flood of blocking-prerender / instant validation errors, run the cache-components-instant-false codemod, or…
next-cache-components-optimizer
Drive a Next.js route to instant navigation by setting up an agentic loop, under Cache Components / PPR, on initial load (hard navigation) and client-side navigation (soft navigation). Encode the goal as a failing @next/playwright instant() e2e and work it to green, one verified route at a time; the shipped test then…
next-partial-prefetching-adoption
Turn on Partial Prefetching in a Next.js app and work through the insights it surfaces. Use when the user wants to enable or adopt Partial Prefetching, flip the partialPrefetching flag, opt routes in with export const prefetch = 'partial', audit Link prefetch={true} behavior, preserve existing prefetched UI with…
chronicle
Analyze Copilot session history for standup reports, usage tips, session search, and session reindexing. Use when the user asks for a standup, daily summary, usage tips, workflow recommendations, wants to search or find past sessions by keyword/file/PR, wants to reindex their session store, or asks about deleting…