Skip to content
Development
Skill

/web-design-guidelines

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Boost this skill
@fcakyonfcakyon@fcakyon
From plugin
claude-codex-settings
1.1k78 skills4 agents5 commands5 MCP
Install
$ npx -y skills add fcakyon/claude-codex-settings --skill web-design-guidelines --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/web-design-guidelines

Context preview

The summary Claude sees to decide when to auto-load this skill.

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

SKILL.md

web-design-guidelines.SKILL.md
name: web-design-guidelines
description: Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
metadata:
  author: vercel
  version: "1.0.0"
  argument-hint: <file-or-pattern>
license: MIT

Web Interface Guidelines

Review files for compliance with Web Interface Guidelines.

How It Works

1. Fetch the latest guidelines from the source URL below 2. Read the specified files (or prompt user for files/pattern) 3. Check against all rules in the fetched guidelines 4. Output findings in the terse `file:line` format

Guidelines Source

Fetch fresh guidelines before each review:

references/web-interface-guidelines.md

Use WebFetch to retrieve the latest rules. The fetched content contains all the rules and output format instructions.

Usage

When a user provides a file or pattern argument: 1. Fetch guidelines from the source URL above 2. Read the specified files 3. Apply all rules from the fetched guidelines 4. Output findings using the format specified in the guidelines

If no files specified, ask the user which files to review.

Read it on GitHub ↗
Ships withclaude-codex-settings

Battle-tested Claude Code, OpenAI Codex, Cursor configs, plugins, hooks and agents with Kimi, MiniMax and GLM API support.

Get the whole plugin
Stats
PythonJavaScriptReactBashMongoDB
+7 tags
AzureCloudflareGitHubAnthropicOpenAIGeminiMCP
1,144
Stars
108
Forks
Active
Maintenance
Python
Language
Apache-2.0
License
13h ago
Last commit
1y ago
Created

Repo: fcakyon/claude-codex-settings

In this plugin
78 skills5 commands5 MCP4 agents
See everything inside

Other skills on claude-codex-settings.

See all 78 skills in claude-codex-settings