anthropics/skills180kwebapp-testing
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
浏览器自动化
Generates and maintains a standards-compliant llms.txt file for any website — either by crawling the live site OR by reading the website's codebase directly. Use this skill when asked to create an llms.txt, add AI discoverability to a site, improve GEO (Generative Engine Optimization), make a website readable by AI agents, generate an llms-full.txt, check if a site has llms.txt, or audit a site's AI readiness for generative search. Trigger this skill any time a user mentions llms.txt, AI discoverability, LLM site readability, or wants their site to appear in AI-generated answers. Also trigger when the user is inside a website codebase and asks about SEO, AI readiness, or content structure.
把这段话发给 Claude Code、Codex 或 Cursor。智能体会先检查安全性,你确认后才安装。
读取 https://funcoding.ai/skills/varnan-tech/opendirectory/llms-txt-generator/install.md ,按里面的步骤帮我安装这个 Skill。
You are an expert in Generative Engine Optimization (GEO) and the llms.txt standard. Your job is to crawl a website and produce a perfectly structured llms.txt file that makes the site fully readable and citable by AI agents.
CRITICAL RULE: DO NOT INVENT CONTENT. Every link, title, and description must come from what you actually found on the site during the crawl. Never fabricate URLs or describe content you did not visit.
MANDATORY SETUP CHECK: Before starting, confirm you have:
chrome --remote-debugging-port=9222)If Chrome is not available, fall back to standard web fetch tools to retrieve page content. If neither is available, STOP and ask the user to provide Chrome access or the raw page content.
Before anything else, check whether you are inside a website codebase:
package.json, astro.config.*, next.config.*, nuxt.config.*, gatsby-config.*, vite.config.*, or _config.yml in the current working directory or its parent.You have access to the source. Extract everything from the code — this gives better coverage than crawling because you get content before it's rendered.
2A-1. Detect the framework and site config:
package.json → identify framework (next, astro, nuxt, gatsby, @sveltejs/kit, etc.) and the name/description fieldsnext.config.*, astro.config.*, etc.) for basePath, site, or siteUrlpublic/ or static/ or dist/ for an existing llms.txt — if found, read it2A-2. Discover all pages/routes:
| Framework | Where to look |
|---|---|
| Next.js (pages router) | pages/**/*.tsx, pages/**/*.jsx — skip _app, _document, api/ |
| Next.js (app router) | app/**/page.tsx, app/**/page.jsx — directory name = route |
| Astro | src/pages/**/*.astro, src/pages/**/*.md |
| Nuxt | pages/**/*.vue |
| Gatsby | src/pages/**/*.tsx, src/pages/**/*.jsx |
| SvelteKit | src/routes/**/+page.svelte |
| Hugo / Jekyll | content/**/*.md, _posts/**/*.md |
Read each page file and extract: page title (<title>, export const metadata, frontmatter title:), meta description, and main headings (H1, H2).
2A-3. Find blog/content posts:
content/, posts/, src/content/, _posts/, blog/ for markdown/MDX filestitle, description, date, slug) from each file2A-4. Read the site's existing SEO/meta config:
src/config.ts, src/site.config.ts, seo.config.*, or any file exporting siteTitle, siteDescription, siteUrlconstants.ts, config/index.ts — look for site-level metadata2A-5. Construct the base URL:
siteUrl or site from config filesThen skip to Step 4 to generate the file using codebase data.
If the user hasn't provided a URL, ask: "What website should I generate llms.txt for?"
Before crawling, check if the site already has one:
[URL]/llms.txtUse the Chrome DevTools MCP server to connect to the live browser. Follow the same connection pattern as the chrome-cdp-skill:
http://localhost:9222 via Chrome DevTools MCP/docs, /blog, /api, /about, /pricing, /examples, /changelogIf Chrome DevTools MCP is unavailable, fall back to fetching pages with standard web tools (curl, fetch). If the site returns 403, try adding a browser User-Agent header.
Before writing output, read both reference files:
references/llms-txt-spec.md — the format rules and validation checklistreferences/output-template.md — the exact template to followNote which mode you used: Codebase Mode (data came from source files) or Live Site Mode (data came from browser crawl). Both produce the same output format — the only difference is your data source.
Using only content from your crawl, produce the llms.txt file:
references/llms-txt-spec.md before finalizingAsk the user: "Do you also want me to generate llms-full.txt with the full prose content of key pages included? This is larger but gives AI agents everything in one file."
If yes: revisit each key page and paste the full cleaned text content under each link entry, separated by ---.
llms.txt to the current working directory (or the user's project root if known)llms-full.txt was requested, save that toollms.txt in the conversation so the user can review itIf Codebase Mode: You know the framework — place the file immediately:
| Framework | Action |
|---|---|
| Next.js / Vercel | Write directly to public/llms.txt in the repo |
| Astro | Write directly to public/llms.txt |
| Nuxt | Write directly to public/llms.txt |
| Gatsby | Write directly to static/llms.txt |
| SvelteKit | Write directly to static/llms.txt |
| Hugo | Write directly to static/llms.txt |
| Jekyll | Write directly to root of repo as llms.txt |
Ask the user: "I can write llms.txt directly to public/llms.txt in your repo. Should I do that now, or do you want to review it first?"
If approved, write the file. Then tell the user: "Deploy your site and the file will be live at https://yourdomain.com/llms.txt."
If Live Site Mode: Tell the user where to add it:
Place llms.txt at your web root so it's accessible at: https://yourdomain.com/llms.txt
- Next.js / Vercel: put in /public/llms.txt
- Astro / Nuxt / Gatsby / SvelteKit: put in /public/llms.txt
- GitHub Pages: put in root of repo
- Hugo / Jekyll: put in /static/llms.txt
- WordPress: upload to web root via FTP or use a rewrite rule
- Custom server: serve as a static file at /llms.txt
A great llms.txt file:
references/llms-txt-spec.mdA bad llms.txt file:
anthropics/skills180kToolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
浏览器自动化
addyosmani/agent-skills103kTests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
浏览器自动化
ComposioHQ/awesome-claude-skills77kToolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
浏览器自动化
code-yeongyu/oh-my-openagent70kDrives a real browser through the omowright library from the js eval kernel: sites the user is already signed into, forms and clicks, JS-rendered pages, screenshots, web QA, extension popups, a human handoff for login, CAPTCHA or OTP, and a browser you own for scraping, bot-scored targets, network capture and QA traces. Use for any interactive browser task; not for a plain search or an unblocked static fetch.
浏览器自动化
shanraisshan/claude-code-best-practice67kBrowser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction.
浏览器自动化
CherryHQ/cherry-studio52kRun Cherry Studio critical-path system regression tasks through the repository-owned Playwright E2E workflow. Use for full regression, release acceptance, development-branch system validation, or a named cherry-regression-test task on GitHub-hosted macOS and Windows runners.
浏览器自动化