Web Interface Guidelines Reviewer
vercel-labs/openreview
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my…
A skill your agent uses when checking simplified ADA-derived plan-view bathroom accessibility constraints such as turning space, door clear width, toilet centerline, grab bars, and lavatory knee/toe…
Install Ada Plan View Accessibility
$ npx skills add benchflow-ai/skillsbench --skill ada-plan-view-accessibility -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install benchflow-ai/skillsbench ada-plan-view-accessibility --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/benchflow-ai/skillsbench.git skills-src && mkdir -p .claude/skills && cp -r skills-src/tasks/ada-bathroom-plan-repair/environment/skills/ada-plan-view-accessibility .claude/skills/ada-plan-view-accessibility && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "ada-plan-view-accessibility" agent skill from https://github.com/benchflow-ai/skillsbench/tree/main/tasks/ada-bathroom-plan-repair/environment/skills/ada-plan-view-accessibility into .claude/skills/ada-plan-view-accessibility/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ada-plan-view-accessibility", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/benchflow-ai/skillsbench/tree/main/tasks/ada-bathroom-plan-repair/environment/skills/ada-plan-view-accessibilityType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add benchflow-ai/skillsbench --skill ada-plan-view-accessibility -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install benchflow-ai/skillsbench ada-plan-view-accessibility --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/benchflow-ai/skillsbench.git skills-src && mkdir -p .agents/skills && cp -r skills-src/tasks/ada-bathroom-plan-repair/environment/skills/ada-plan-view-accessibility .agents/skills/ada-plan-view-accessibility && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "ada-plan-view-accessibility" agent skill from https://github.com/benchflow-ai/skillsbench/tree/main/tasks/ada-bathroom-plan-repair/environment/skills/ada-plan-view-accessibility into .agents/skills/ada-plan-view-accessibility/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ada-plan-view-accessibility", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add benchflow-ai/skillsbench --skill ada-plan-view-accessibility -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install benchflow-ai/skillsbench ada-plan-view-accessibility --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/benchflow-ai/skillsbench.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/tasks/ada-bathroom-plan-repair/environment/skills/ada-plan-view-accessibility .cursor/skills/ada-plan-view-accessibility && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "ada-plan-view-accessibility" agent skill from https://github.com/benchflow-ai/skillsbench/tree/main/tasks/ada-bathroom-plan-repair/environment/skills/ada-plan-view-accessibility into .cursor/skills/ada-plan-view-accessibility/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ada-plan-view-accessibility", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/benchflow-ai/skillsbench.git --path tasks/ada-bathroom-plan-repair/environment/skills/ada-plan-view-accessibility--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add benchflow-ai/skillsbench --skill ada-plan-view-accessibility -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install benchflow-ai/skillsbench ada-plan-view-accessibility --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/benchflow-ai/skillsbench.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/tasks/ada-bathroom-plan-repair/environment/skills/ada-plan-view-accessibility .gemini/skills/ada-plan-view-accessibility && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "ada-plan-view-accessibility" agent skill from https://github.com/benchflow-ai/skillsbench/tree/main/tasks/ada-bathroom-plan-repair/environment/skills/ada-plan-view-accessibility into .gemini/skills/ada-plan-view-accessibility/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ada-plan-view-accessibility", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install benchflow-ai/skillsbench ada-plan-view-accessibilityInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add benchflow-ai/skillsbench --skill ada-plan-view-accessibility -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/benchflow-ai/skillsbench.git skills-src && mkdir -p .github/skills && cp -r skills-src/tasks/ada-bathroom-plan-repair/environment/skills/ada-plan-view-accessibility .github/skills/ada-plan-view-accessibility && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "ada-plan-view-accessibility" agent skill from https://github.com/benchflow-ai/skillsbench/tree/main/tasks/ada-bathroom-plan-repair/environment/skills/ada-plan-view-accessibility into .github/skills/ada-plan-view-accessibility/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ada-plan-view-accessibility", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add benchflow-ai/skillsbench --skill ada-plan-view-accessibility -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install benchflow-ai/skillsbench ada-plan-view-accessibility --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/benchflow-ai/skillsbench.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/tasks/ada-bathroom-plan-repair/environment/skills/ada-plan-view-accessibility .opencode/skills/ada-plan-view-accessibility && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "ada-plan-view-accessibility" agent skill from https://github.com/benchflow-ai/skillsbench/tree/main/tasks/ada-bathroom-plan-repair/environment/skills/ada-plan-view-accessibility into .opencode/skills/ada-plan-view-accessibility/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ada-plan-view-accessibility", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
ada-plan-view-accessibility- GitHub stars
- 1.8k
- Token cost
- ~987 tokens
- SKILL.md length
- 521 words
- Files
- 1
- Skills in repo
- 178
- Repo updated
- First seen
- Licence
- Apache-2.0
At a glance
A skill your agent uses when checking simplified ADA-derived plan-view bathroom accessibility constraints such as turning space, door clear width, toilet centerline, grab bars, and lavatory knee/toe…
- Checking simplified ADA-derived plan-view bathroom accessibility constraints such as turning space
- SKILL.md covers Plan-View Checks, Violation Reporting and Repair Principles
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
- Door clear width
What it does
Ada Plan View Accessibility is an agent skill from benchflow-ai/skillsbench. Use when checking simplified ADA-derived plan-view bathroom accessibility constraints such as turning space, door clear width, toilet centerline, grab bars, and lavatory knee/toe clearance.
Its SKILL.md is about 990 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Frontend & Design, covering Accessibility. The repository describes itself as: SkillsBench evaluates how well skills work and how effective agents are at using them. The licence is Apache-2.0.
When your agent uses it
- Checking simplified ADA-derived plan-view bathroom accessibility constraints such as turning space
- Door clear width
- Toilet centerline
- Lavatory knee/toe clearance
Example prompts
- “/ada-plan-view-accessibility”
What it can do on your machine
Read from SKILL.md and the folder at commit 9a1f4dd. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Ada Plan View Accessibility loads about 987 tokens when it runs. Until then it costs about 54 tokens; SKILL.md has 521 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from benchflow-ai/skillsbench at commit 9a1f4dd, republished under its Apache-2.0 licence (© benchflow-ai). 521 words, ~987 tokens.
Download SKILL.mdSave it as
.claude/skills/ada-plan-view-accessibility/SKILL.md (or your agent's skills folder).- name
- ada-plan-view-accessibility
- description
- Use when checking simplified ADA-derived plan-view bathroom accessibility constraints such as turning space, door clear width, toilet centerline, grab bars, and lavatory knee/toe clearance.
Use this skill for plan-view accessibility checks. It is not a full legal ADA compliance review; apply only the geometric rules provided by the task.
Plan-View Checks
- Door clear opening: compare the submitted clear width against the minimum in the rules file, commonly 32 inches.
- Door swing: if the rule disallows swing into required fixture clearance, prefer an outward or sliding swing in the repaired layout. Do not leave an inward repaired swing unless you have explicitly modeled and cleared the swing path against fixtures and required clearances.
- Turning space: verify that a 60 inch diameter circle fits inside usable floor area. Diameter alone is not enough. Apply the wall/boundary offset from the rules, subtract protected or blocked fixtures such as tubs, and allow overlap with toilet clear floor space only when the rules say so.
- Lavatory overlap: allow the turning circle to overlap a lavatory only when plan-view knee/toe clearance is explicitly indicated and meets the required width and depth.
- Toilet centerline: measure from the adjacent side wall and keep it inside the rule range, commonly 16 to 18 inches.
- Grab bars: classify rear-wall and side-wall bars by orientation/location and compare their plan-view lengths against the minimums. The side-wall grab bar should align with the same adjacent side wall used for the toilet centerline and overlap the toilet use zone. The rear-wall grab bar should align with the rear wall behind the toilet and cross or closely span the toilet centerline.
Show full SKILL.md (279 more words)Show less
Violation Reporting
Report one violation per failed rule/element pair. Use stable machine-readable rule names from the rules file, for example:
door_clear_width_minturning_circle_diameter_minturning_circle_fit_usable_floortoilet_centerline_from_side_wall_rangeside_grab_bar_length_minrear_grab_bar_length_minside_grab_bar_toilet_side_wall_alignmentrear_grab_bar_toilet_centerline_spanlavatory_knee_clearance_min
Do not report vertical requirements such as seat height, mounting height, mirror height, signage height, or pipe protection if the task scope excludes them.
Use combined rule names for range checks. For example, if the toilet centerline is outside the allowed range, report toilet_centerline_from_side_wall_range; do not invent separate *_min or *_max violation names unless the rules file explicitly asks for them.
Use the element id that matches the failed requirement's scope:
- For toilet centerline failures, use the toilet id, such as
WC1. - For room-level turning-circle fit failures, use the room id, such as
bathroom_1, because the failure is about whether usable floor area can contain the full circle. - For grab-bar length failures, report them only after classifying the actual side-wall and rear-wall grab bars. Do not report grab-bar failures when the classified bars meet the minimum lengths.
- For lavatory knee/toe clearance, report a violation only when the lavatory lacks the indicated plan-view knee/toe clearance or the stated width/depth is below the rule minimum. Do not infer a before-repair violation from unrelated fixture graphics when the extracted lavatory metadata satisfies the rule.
Repair Principles
- Preserve existing walls and fixtures whenever a local move or small expansion solves the problem.
- Prefer changing door swing/opening representation over redesigning the whole room.
- Keep protected fixtures such as tubs in place unless the rules make that impossible.
- If the toilet moves, update or validate the grab-bar segments against the repaired toilet position.
- Make every repair traceable to a violation or to preserving a valid clearance.
© benchflow-ai, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in tasks/ada-bathroom-plan-repair/environment/skills/ada-plan-view-accessibility of benchflow-ai/skillsbench.
Open the folder on GitHubat commit 9a1f4dd
Compare with similar skills
Ada Plan View Accessibility next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Ada Plan View Accessibility this skillbenchflow-ai/skillsbench | 1.8k | — | ~987 | Automated safety check: Pass | Apache-2.0 | |
| Web Interface Guidelines Reviewervercel-labs/openreview | 1.7k | 98 repos | ~308 | Automated safety check: Pass | None | |
| Accessibility Reviewmarkmead/hyperui | 12k | 1 repos | ~1.1k | Automated safety check: Pass | MIT | |
| Web Animation DesignbaptisteArno/typebot.io | 11k | 2 repos | ~2.7k | Automated safety check: Pass | Custom licence | |
| Accessibility Fixeribelick/ui-skills | 9.5k | 4 repos | ~1.2k | Automated safety check: Pass | MIT | |
| Wcag Audit PatternsvmDeshpande/ai-agent-automation | 178 | 11 repos | ~610 | Automated safety check: Pass | Apache-2.0 |
Similar skills
- Official
Accessibility Review
markmead/hyperui
Run a WCAG 2.1 AA accessibility audit on a design or page. An agent skill from markmead/hyperui.
Web Animation Design
baptisteArno/typebot.io
Guides easing, timing and animation choices for UI motion, based on a web animation course, and reviews existing animations in a before-and-after table.
Accessibility Fixer
ibelick/ui-skills
Audits and fixes HTML accessibility problems such as ARIA labels, keyboard navigation, focus management, contrast and form errors with minimal changes.
Wcag Audit Patterns
vmDeshpande/ai-agent-automation
Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance.
Baseline UI
ibelick/ui-skills
Applies a fixed set of UI rules for stack, components, interaction, animation, typography and layout, or reviews a file against them with concrete fixes.
More from benchflow-ai/skillsbench
All 178 skills in this repoLean4 Memories
benchflow-ai/skillsbench
This skill should be used when working on Lean 4 formalization projects to maintain persistent memory of successful proof patterns, failed approaches, project conventions, and user preferences…
Senior Data Engineer
benchflow-ai/skillsbench
World-class data engineering skill for building scalable data pipelines, ETL/ELT systems, real-time streaming, and data infrastructure.
Ac Branch Pi Model
benchflow-ai/skillsbench
AC branch pi-model power flow equations (P/Q and |S|) with transformer tap ratio and phase shift, matching acopf-math-model.md and MATPOWER branch fields.
Civ6lib
benchflow-ai/skillsbench
Civilization 6 district mechanics library. An agent skill from benchflow-ai/skillsbench.
D3 Visualization
benchflow-ai/skillsbench
Build deterministic, verifiable data visualizations with D3.js (v6).
Dc Power Flow
benchflow-ai/skillsbench
DC power flow analysis for power systems. An agent skill from benchflow-ai/skillsbench.
Related
Categories
Questions about Ada Plan View Accessibility
What does Ada Plan View Accessibility do?
A skill your agent uses when checking simplified ADA-derived plan-view bathroom accessibility constraints such as turning space, door clear width, toilet centerline, grab bars, and lavatory knee/toe…. Ada Plan View Accessibility is an agent skill from benchflow-ai/skillsbench. Use when checking simplified ADA-derived plan-view bathroom accessibility constraints such as turning space, door clear width, toilet centerline, grab bars, and lavatory knee/toe clearance.
When should I use Ada Plan View Accessibility?
Ada Plan View Accessibility fits situations like: checking simplified ADA-derived plan-view bathroom accessibility constraints such as turning space; door clear width; toilet centerline; lavatory knee/toe clearance.
How do I install Ada Plan View Accessibility in Claude Code?
Run `npx skills add benchflow-ai/skillsbench --skill ada-plan-view-accessibility -a claude-code`. Or copy the skill folder (tasks/ada-bathroom-plan-repair/environment/skills/ada-plan-view-accessibility in benchflow-ai/skillsbench) into .claude/skills/ada-plan-view-accessibility in your project. Claude Code loads it when a task matches its description.
How do I install Ada Plan View Accessibility in Codex?
Run `npx skills add benchflow-ai/skillsbench --skill ada-plan-view-accessibility -a codex`. Or copy the skill folder (tasks/ada-bathroom-plan-repair/environment/skills/ada-plan-view-accessibility in benchflow-ai/skillsbench) into .agents/skills/ada-plan-view-accessibility in your project. Codex loads it when a task matches its description.
Can I use Ada Plan View Accessibility in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add benchflow-ai/skillsbench --skill ada-plan-view-accessibility -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ada-plan-view-accessibility, .gemini/skills/ada-plan-view-accessibility, .github/skills/ada-plan-view-accessibility and .opencode/skills/ada-plan-view-accessibility in your project.
What does Ada Plan View Accessibility need to run?
SKILL.md names no scripts, command-line tools or credentials: Ada Plan View Accessibility is instructions for the agent only.
Does Ada Plan View Accessibility access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Ada Plan View Accessibility safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Ada Plan View Accessibility use?
Ada Plan View Accessibility is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Ada Plan View Accessibility use?
About 987 tokens (SKILL.md is roughly 3.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Ada Plan View Accessibility?
Skills that share tags, products or a category with Ada Plan View Accessibility: Web Interface Guidelines Reviewer (vercel-labs/openreview, 1.7k stars), Accessibility Review (markmead/hyperui, 12k stars), Web Animation Design (baptisteArno/typebot.io, 11k stars) and Accessibility Fixer (ibelick/ui-skills, 9.5k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Ada Plan View Accessibility?
benchflow-ai (a GitHub organization) maintains it in benchflow-ai/skillsbench, which has 1,832 GitHub stars. The repository holds 178 skills in this directory. The repository was last updated on July 23, 2026.
Source: benchflow-ai/skillsbench on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.