Best Claude Skills for Websites: Landing Pages and WCAG

The best Claude skills for websites in 2026 are Anthropic's frontend-design and webapp-testing, design skills such as Impeccable, UI UX Pro Max and Taste Skill, Marketing Skills' cro and copywriting for conversion, and AccessLint or a11y-audit for WCAG checks. A website review touches four jobs at once: does the page convert, does the copy say something specific, can everyone use it, and does it load fast. Claude can help with all four, but a general prompt tends to produce generic advice. SKILL.md skills (what agent skills are) give it a checklist and a reporting format for each job. This guide covers the skills worth installing for landing page reviews, copywriting, accessibility, performance and frontend design, including Anthropic's own frontend-design skill.

Star counts come from GitHub and are stated as of 2026-11-12. Stars measure attention, not quality or safety. If skills are new to you, read Agent Skills explained, and see the best Claude skills in 2026 across every category for other categories.

Quick comparison

Skill	Best for	Stars (2026-11-12)	License	Runs scripts?	Network
anthropics/skills (frontend-design, webapp-testing)	Visual design, browser testing	193,544	Apache 2.0 (these skills)	webapp-testing yes	Local dev server only
nextlevelbuilder/ui-ux-pro-max-skill	Design systems across platforms	148,527	MIT	Check the repo	Check the repo
Leonxlnx/taste-skill	Art direction with a browser check	114,031	MIT	Yes (Node 22+, Chrome)	Only to fetch extra photos or icons
pbakaus/impeccable	Design critique and slop detection	108,796	Apache 2.0	Yes (CLI and hook)	Only when you scan a URL
vercel-labs/agent-skills (web-design-guidelines)	UI code review	33,946	MIT (per README)	No	Fetches rules at run time
coreyhaines31/marketingskills (cro, copywriting)	Conversion and copy	59,917	MIT	No (skills are Markdown)	No
alirezarezvani/claude-skills (a11y-audit)	Scripted WCAG 2.2 scans	29,698	MIT	Yes (Python)	No
AccessLint/skills	Accessibility scan, diff and fix	120	MIT (per README)	Yes (@accesslint/cli)	Scans the URL you give it
EshaRana17/claude-website-review-skill	All-in-one page review	New	MIT	Yes (stdlib Python)	No

The skills

anthropics/skills: frontend-design and webapp-testing

Anthropic's skills repository includes a frontend-design skill, and yes, it exists: its description says it guides "distinctive, intentional visual design" when building or reshaping a UI. It pushes Claude to pick an aesthetic direction, typography and layout on purpose instead of falling back on templated defaults. The same repo has webapp-testing, which uses Playwright to drive a local web app, take screenshots and read browser logs, so Claude can check its own changes.

• Who it is for: developers and designers building or redesigning pages who want them to look considered and be tested in a real browser.
• Install: /plugin marketplace add anthropics/skills then /plugin install example-skills@anthropic-agent-skills
• Stars: 193,544 (as of 2026-11-12)
• License: Apache 2.0 for these two skills (the repo's document skills are source-available, not open source)
• Security note: frontend-design is a single Markdown file; webapp-testing ships Python helpers that start your dev server and run Playwright, so it executes commands on your machine.

pbakaus/impeccable

Impeccable describes itself as a design vocabulary for coding agents: commands to polish, push bolder, critique and audit a UI. It also ships a detector with 62 deterministic rules for common "AI slop" tells and quality problems such as cramped padding and skipped headings, which runs without an LLM or API key. Its installer can add a design hook that scans every UI file the agent edits.

• Who it is for: developers who want design feedback built into the agent's edit loop.
• Install: npx impeccable install
• Stars: 108,796 (as of 2026-11-12)
• License: Apache 2.0
• Security note: the hook runs on every UI edit without being asked, and npx impeccable detect <url> drives your installed Chrome or Edge; read the hook before saying yes to it.

nextlevelbuilder/ui-ux-pro-max-skill

UI UX Pro Max is a skill that gives the agent design guidance for building UI across platforms. It installs as a Claude Code plugin or through its own CLI, which can install it for several agents.

• Who it is for: developers who want a ready-made design system to steer layouts, colour and type.
• Install: /plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill then /plugin install ui-ux-pro-max@ui-ux-pro-max-skill
• Stars: 148,527 (as of 2026-11-12)
• License: MIT
• Security note: the README warns that older uipro-cli npm releases are stale; if you use the CLI, install ui-ux-pro-max-cli.

Leonxlnx/taste-skill

Taste Skill pushes the agent toward art direction, reference images and real assets instead of a generic landing page, and checks the result in a real browser with a checker and a finish gate.

• Who it is for: people building marketing sites who want a stronger visual direction.
• Install: npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend", or /plugin marketplace add Leonxlnx/taste-skill then /plugin install taste-skill@taste-skill
• Stars: 114,031 (as of 2026-11-12)
• License: MIT
• Security note: runs Node 22+ scripts and an installed Chrome, Edge or Chromium; the README says it installs nothing and needs no API keys, and uses the network only to fetch extra photos or icons.

AccessLint/skills

AccessLint's skills are five accessibility skills: accessibility-scan, accessibility-diff, accessibility-audit, accessibility-inspect and accessibility-fix. The scan and diff skills shell out to the @accesslint/cli package; the fix skill needs AccessLint's MCP server. Rules cover WCAG Level A and AA, with AAA opt-in.

• Who it is for: teams that want accessibility checks on a running site and before-and-after diffs.
• Install: npx skills add AccessLint/skills
• Stars: 120 (as of 2026-11-12)
• License: MIT, as stated in the README
• Security note: it runs an npm CLI against the URLs you give it, and the fix skill can attach to a debuggable Chrome session; use a test account for pages behind a login.

vercel-labs/agent-skills: web-design-guidelines

Vercel's collection includes web-design-guidelines, which reviews UI files against Vercel's Web Interface Guidelines and reports findings in a terse file:line format. It covers accessibility, focus states, forms, animation, typography and other interface details developers tend to miss.

• Who it is for: frontend developers who want a fast code-level UI review before a pull request.
• Install: npx skills add vercel-labs/agent-skills --skill web-design-guidelines
• Stars: 33,946 (as of 2026-11-12)
• License: MIT, as stated in the README
• Security note: no scripts, but the skill fetches its rules from a GitHub URL at every run, so the instructions it follows can change without the skill changing; pin or copy the rules if that matters to you.

coreyhaines31/marketingskills: cro and copywriting

Marketing Skills has cro for conversion reviews of homepages, landing pages, pricing pages and forms, and copywriting for writing or rewriting page copy. Related skills cover signup flows, popups, pricing and A/B test design. They work as structured frameworks: Claude asks about the audience and goal, then reviews the page section by section.

• Who it is for: marketers and founders who own a landing page and want conversion and copy advice that follows a method.
• Install: npx skills add coreyhaines31/marketingskills --skill cro copywriting
• Stars: 59,917 (as of 2026-11-12)
• License: MIT
• Security note: these skills are Markdown and reference files with no scripts; the repo's separate tools folder holds optional CLIs that use third-party API keys.

alirezarezvani/claude-skills: a11y-audit

The a11y-audit skill in this collection runs a scan, fix and verify loop against WCAG 2.2 Level A and AA. a11y_scanner.py scans your codebase (React, Next.js, Vue, Angular, Svelte or plain HTML) and contrast_checker.py checks color pairs, then Claude proposes framework-specific fixes and re-scans.

• Who it is for: development teams that need an accessibility pass in the codebase, including in CI.
• Install: /plugin marketplace add alirezarezvani/claude-skills then /plugin install a11y-audit@claude-code-skills
• Stars: 29,698 (as of 2026-11-12)
• License: MIT
• Security note: ships Python scripts that read your source files using only the standard library; no network calls.

EshaRana17/claude-website-review-skill (website-review)

Disclosure: built by the AgenticMart team.

claude-website-review-skill installs a skill named website-review that combines the four jobs in one pass. It produces a landing page conversion scorecard with the top fixes, rewrites copy section by section without inventing testimonials, statistics or customer logos, runs a WCAG 2.2 AA accessibility check, works through a Core Web Vitals and performance checklist, and drafts a site plan when you are starting a new site. A local HTML audit script checks a saved page for missing alt text, heading order, form labels, language attribute and similar issues.

What is distinctive is the footprint: the script is standard-library Python that reads local files only and makes no network calls, and the copy instructions explicitly forbid fabricated social proof. Any listing can get a free automated scan; each listing page shows its scan status, and you can browse others in the agent skills directory.

• Who it is for: founders, freelancers and small teams who want one structured review of a page before launch.
• Install: git clone https://github.com/EshaRana17/claude-website-review-skill ~/.claude/skills/website-review
• Security report: scan results on AgenticMart
• Stars: new repository, no star count reported here
• License: MIT
• Security note: one local-only Python script (standard library, no network, no API keys); everything else is Markdown.

Which Claude website skill should you pick?

• Building or redesigning UI: frontend-design for direction, webapp-testing to check the result in a browser.
• Reviewing components before merge: web-design-guidelines gives fast, line-level findings.
• Improving a page that already gets traffic: cro and copywriting for the conversion argument.
• Avoiding a generic AI look: Impeccable, UI UX Pro Max or Taste Skill, plus a real design reference (see below).
• Accessibility work in a codebase: a11y-audit for scripted scans and fixes, or AccessLint for scans of a running site.
• One review covering everything: website-review, then go deeper with a specialist skill where it finds problems.

Do design skills stop AI sites looking generic?

Mostly not on their own, according to one public test. VeloxThemes ran 8 popular Claude Code skills on the same homepage brief, one run per skill, and concluded that design skills either kept the usual AI layout or produced a bold theme that did not fit the brand; giving Claude a real design reference made the biggest difference, with or without a skill (VeloxThemes, 2026-10-30). That is one tester and one brief, so treat it as a hint, not a benchmark. The practical lesson: give the agent a reference design and your brand assets first, then add one design skill.

A practical workflow: reviewing a landing page before launch

1. Start with the conversion review

Ask for a scorecard: is the offer clear in the first screen, who is it for, what proof backs it up, what is the one action, and what objections go unanswered. Ask for the top five fixes ranked by likely impact.

2. Rewrite the copy that the review flagged

Use a copywriting skill on the weak sections only. Give it real facts: customer quotes you have permission to use, actual numbers, real logos. Never let an agent fill gaps with invented testimonials; in the US, fake reviews and testimonials are prohibited under the FTC's consumer reviews rule.

3. Check accessibility against WCAG 2.2 AA

Run a scripted scan, then a manual pass on what scripts cannot judge. The WCAG 2.2 standard added criteria that landing pages often fail, including focus not obscured by sticky headers and minimum target size for buttons and links; see what is new in WCAG 2.2 for the full list. Check text contrast against the 4.5:1 minimum. The W3C notes that tools alone cannot determine whether a site meets the standard, so test with a keyboard and a screen reader too.

4. Check performance against Core Web Vitals

Google's Core Web Vitals set the targets: Largest Contentful Paint within 2.5 seconds, Interaction to Next Paint of 200 milliseconds or less, and Cumulative Layout Shift of 0.1 or less, measured at the 75th percentile of real visits. A skill can find likely causes in your code, such as an unoptimized hero image or late-loading fonts, but confirm with field data. Google's page experience guidance explains how this relates to search.

5. Test the finished page in a browser

Use webapp-testing or your own Playwright setup to load the page, click the main call to action, submit the form and capture screenshots at mobile and desktop widths. Fix anything broken before launch, not after.

How do you check a website skill before installing it?

Website skills often run your dev server, drive a browser or fetch remote rules, so review them first:

1. List the scripts and commands. Know what will execute on your machine.
2. Find remote instructions. A skill that downloads its rules at run time can change behavior without a new version.
3. Look for keys. Analytics, deployment and API tokens should be scoped and revocable.
4. Check for hooks. Plugins can run code at session start without being asked.
5. Pin versions and read the diff before updating.

Our Agent Skills guide covers a full review, and the scan methodology page explains what the free AgenticMart scan checks. Any listing can get a free automated scan; each listing page shows its scan status, and you can browse listings whose latest scan found no flagged issues. A scan is a malware and risk check, not a safety guarantee. For live performance or analytics data, you may want an MCP server instead of a skill; see Agent Skills vs MCP servers. Built your own review skill? Read how to write an agent skill and submit it for a scan.

FAQ

Does Anthropic have an official frontend design skill?

Yes. frontend-design is in the anthropics/skills repository under Apache 2.0 and installs with the example-skills plugin. It guides visual direction and typography rather than reviewing accessibility or performance.

Can a Claude skill make my site WCAG compliant?

It can find and fix many issues, especially with scripted scans, but no automated tool can confirm full conformance. Use a skill for the first pass, then test manually with a keyboard and assistive technology.

Can a skill measure Core Web Vitals?

A skill that only reads code cannot measure real-user performance. It can point to likely causes. For real numbers, use field data from your analytics or Google's tools, or connect a data source through an MCP server.

Are website review skills safe to install?

Instruction-only skills are low risk. Skills that start servers, run browsers or fetch remote rules need a closer look. Check the listing's scan status in the agent skills directory before installing. A scan is a risk check, not a guarantee.

How many skills should I install?

Start with one per job: one design skill, one review or accessibility skill, and one testing skill. Claude picks skills by their descriptions, so several design skills that match the same request compete with each other. When more than one could apply, name the skill you want in the prompt.

Do I need a paid plan?

No. Anthropic says skills are available on Free, Pro, Max, Ultra, Team and Enterprise plans, with code execution turned on, and in Claude Code (Claude Help Center). Some skills call paid services of their own; check each README.