adhd-output-style
This skill should be used when the user asks for "ADHD output", "fewer output tokens", "short numbered steps", "limited working…
@fcakyonInstall SkillDevelopment
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".
Claude Code
$ npx -y skills add fcakyon/claude-codex-settings --skill web-design-guidelines --agent claude-code
Codex
$ npx skills add fcakyon/claude-codex-settings --skill web-design-guidelines -a codex -y
Cursor
$ npx skills add fcakyon/claude-codex-settings --skill web-design-guidelines -a cursor -y
Gemini CLI
$ npx skills add fcakyon/claude-codex-settings --skill web-design-guidelines -a gemini-cli -y
GitHub Copilot
$ npx skills add fcakyon/claude-codex-settings --skill web-design-guidelines -a github-copilot -y
OpenCode
$ npx skills add fcakyon/claude-codex-settings --skill web-design-guidelines -a opencode -y
Windsurf
$ npx skills add fcakyon/claude-codex-settings --skill web-design-guidelines -a windsurf -y
SKILL.md
web-design-guidelines.SKILL.mdname: 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.
Stats
1,206
Stars
113
Forks
Active
Maintenance
Python
Language
Apache-2.0
License
Last commit
Created
Ships withclaude-codex-settings
Battle-tested Claude Code, OpenAI Codex, Cursor configs, plugins, hooks and agents with Kimi, MiniMax and GLM API support.
1.2k112 skills4 agents4 MCP
Stars on GitHub
Momentum
- stars in total
- 1.2k
Other skills on claude-codex-settings.
@fcakyonInstall Skillaeo
This skill should be used when the user asks to "build an AEO strategy", "improve AI search visibility", "track buyer prompts",…
@fcakyonInstall Skillagent-browser
Agent-browser usage guide. Read this before running any agent-browser commands. Covers the snapshot-and-ref workflow, navigating…
@fcakyonInstall Skillderive-client
Reverse-engineer a website's internal API by recording browser traffic into a HAR file, then generate a standalone client or CLI…
@fcakyonInstall Skilldogfood
Systematically explore and test a web application to find bugs, UX issues, and other problems. Use when asked to "dogfood", "QA",…
@fcakyonInstall SkillMore skills from other plugins.
Auto-invoked
brainstorming
You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…
@obraInstall Skillask-matt
Ask which skill or flow fits your situation. A router over the skills in this repo.
@mattpocockInstall SkillAuto-invoked
Questions about web-design-guidelines.
- Which coding agents can use web-design-guidelines?
- web-design-guidelines installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.