Locale UI Patterns
openchamber/openchamber
A skill your agent uses when creating or modifying OpenChamber UI text, labels, buttons, placeholders, aria labels, empty states, toasts, dialogs, settings copy, navigation labels, or any…
无障碍与国际化专家 Owner — 当任务涉及可访问性、键盘操作、焦点、屏幕阅读器、ARIA、语言地区、本地化、RTL、翻译资源、用户可见文案或多语言文档时使用；要求把包容性体验和本地化验证绑定到真实用户路径。
Install Accessibility I18n
$ npx skills add devcodex-labs/devcodex --skill accessibility-i18n -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install devcodex-labs/devcodex accessibility-i18n --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/devcodex-labs/devcodex.git skills-src && mkdir -p .claude/skills && cp -r skills-src/content/skills/accessibility-i18n .claude/skills/accessibility-i18n && 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 "accessibility-i18n" agent skill from https://github.com/devcodex-labs/devcodex/tree/main/content/skills/accessibility-i18n into .claude/skills/accessibility-i18n/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "accessibility-i18n", 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/devcodex-labs/devcodex/tree/main/content/skills/accessibility-i18nType 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 devcodex-labs/devcodex --skill accessibility-i18n -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install devcodex-labs/devcodex accessibility-i18n --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/devcodex-labs/devcodex.git skills-src && mkdir -p .agents/skills && cp -r skills-src/content/skills/accessibility-i18n .agents/skills/accessibility-i18n && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "accessibility-i18n" agent skill from https://github.com/devcodex-labs/devcodex/tree/main/content/skills/accessibility-i18n into .agents/skills/accessibility-i18n/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "accessibility-i18n", 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 devcodex-labs/devcodex --skill accessibility-i18n -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install devcodex-labs/devcodex accessibility-i18n --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/devcodex-labs/devcodex.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/content/skills/accessibility-i18n .cursor/skills/accessibility-i18n && 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 "accessibility-i18n" agent skill from https://github.com/devcodex-labs/devcodex/tree/main/content/skills/accessibility-i18n into .cursor/skills/accessibility-i18n/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "accessibility-i18n", 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/devcodex-labs/devcodex.git --path content/skills/accessibility-i18n--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 devcodex-labs/devcodex --skill accessibility-i18n -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install devcodex-labs/devcodex accessibility-i18n --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/devcodex-labs/devcodex.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/content/skills/accessibility-i18n .gemini/skills/accessibility-i18n && 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 "accessibility-i18n" agent skill from https://github.com/devcodex-labs/devcodex/tree/main/content/skills/accessibility-i18n into .gemini/skills/accessibility-i18n/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "accessibility-i18n", 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 devcodex-labs/devcodex accessibility-i18nInstalls 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 devcodex-labs/devcodex --skill accessibility-i18n -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/devcodex-labs/devcodex.git skills-src && mkdir -p .github/skills && cp -r skills-src/content/skills/accessibility-i18n .github/skills/accessibility-i18n && 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 "accessibility-i18n" agent skill from https://github.com/devcodex-labs/devcodex/tree/main/content/skills/accessibility-i18n into .github/skills/accessibility-i18n/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "accessibility-i18n", 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 devcodex-labs/devcodex --skill accessibility-i18n -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install devcodex-labs/devcodex accessibility-i18n --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/devcodex-labs/devcodex.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/content/skills/accessibility-i18n .opencode/skills/accessibility-i18n && 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 "accessibility-i18n" agent skill from https://github.com/devcodex-labs/devcodex/tree/main/content/skills/accessibility-i18n into .opencode/skills/accessibility-i18n/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "accessibility-i18n", 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
accessibility-i18n- GitHub stars
- 439
- Token cost
- ~718 tokens
- SKILL.md length
- 128 words
- Files
- 2
- Skills in repo
- 70
- Repo updated
- First seen
- Licence
- AGPL-3.0
At a glance
无障碍与国际化专家 Owner — 当任务涉及可访问性、键盘操作、焦点、屏幕阅读器、ARIA、语言地区、本地化、RTL、翻译资源、用户可见文案或多语言文档时使用；要求把包容性体验和本地化验证绑定到真实用户路径。
- Works in 7 steps: 识别目标用户、能力差异、语言地区和输入方式。 → 建立用户路径矩阵：页面、CLI、文档、表单、错误、导航、状态反馈。 → 审查键盘、焦点、语义、屏幕阅读器、错误恢复和状态公告。 → …
- Tasks that involve Accessibility
- SKILL.md covers 定位, 触发条件, 核心门禁 and 执行步骤, plus 3 more sections
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Accessibility I18n is an agent skill from devcodex-labs/devcodex. 无障碍与国际化专家 Owner — 当任务涉及可访问性、键盘操作、焦点、屏幕阅读器、ARIA、语言地区、本地化、RTL、翻译资源、用户可见文案或多语言文档时使用；要求把包容性体验和本地化验证绑定到真实用户路径。
Its SKILL.md is about 720 tokens, which your agent loads only when the skill is triggered. The skill folder holds 1 other file (for example `intent.json`).
It sits in Frontend & Design, covering Accessibility and Internationalization. The repository describes itself as: Intent-driven AI coding workflow runtime for consistent context, skills, approvals, validation, and handoffs across six AI coding hosts. The licence is AGPL-3.0.
When your agent uses it
- Tasks that involve Accessibility
- Tasks that involve Internationalization
Example prompts
- “/accessibility-i18n”
Workflow steps
7 steps, taken from the first numbered list in SKILL.md.
- 识别目标用户、能力差异、语言地区和输入方式。
- 建立用户路径矩阵：页面、CLI、文档、表单、错误、导航、状态反馈。
- 审查键盘、焦点、语义、屏幕阅读器、错误恢复和状态公告。
- 审查 locale 内容模型：文案、格式、翻译资源、RTL、长文本和 fallback。
- 对链接、按钮、菜单、对话框、可展开控件和自定义交互执行 InteractiveSemanticProbe：核对 role、accessible name、focusability、Enter/Space/Escape 行为和 focus recovery。
- 选择验证路线：源码语义、浏览器键盘/辅助技术 smoke、文档预览、测试或人工证据；截图只能证明视觉状态，不能替代交互语义证据。
- 在技术方案、TestRoute 或报告中写明未触发场景的 N/A + skipReason。
What it can do on your machine
Read from SKILL.md and the folder at commit 1dd4525. 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 (its code samples are markdown).
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
Accessibility I18n loads about 718 tokens when it runs. Until then it costs about 31 tokens; SKILL.md has 128 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 devcodex-labs/devcodex at commit 1dd4525, republished under its AGPL-3.0 licence (© devcodex-labs). 128 words, ~718 tokens.
Download SKILL.mdSave it as
.claude/skills/accessibility-i18n/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.- name
- accessibility-i18n
- description
- 无障碍与国际化专家 Owner — 当任务涉及可访问性、键盘操作、焦点、屏幕阅读器、ARIA、语言地区、本地化、RTL、翻译资源、用户可见文案或多语言文档时使用；要求把包容性体验和本地化验证绑定到真实用户路径。
Accessibility I18n Skill
定位
本 Skill 负责无障碍与国际化 Owner 视角。它不替代设计系统或前端实现，而是确保用户可见界面、CLI 输出、文档、表单、导航和多语言内容对不同能力、语言、地区和输入方式的用户都可理解、可操作、可恢复。
触发条件
| 场景 | 是否触发 |
|---|---|
| UI、表单、导航、弹窗、快捷键、焦点、键盘操作、屏幕阅读器、ARIA、语义 HTML | 必须 |
| 文档站、README、CLI 输出、错误信息或用户可见文案涉及多语言、地区格式、时间数字货币、RTL 或翻译资源 | 必须 |
| 设计系统、前端架构或用户文档变更影响可访问性和本地化 | 必须 |
| 纯内部实现且没有用户可见输出、交互或文本 | N/A + skipReason |
核心门禁
| Gate | 要求 | 证据 |
|---|---|---|
AccessibilityI18nGate | 无障碍、国际化和本地化必须绑定真实用户路径和验证路线 | userNeedsMatrix、runtimeVerification |
KeyboardFocusGate | 所有可交互路径必须可键盘到达、操作、退出和恢复 | keyboardFocusModel |
ScreenReaderSemanticsGate | 语义、label、role、name、state、错误提示必须能被辅助技术理解 | screenReaderSemantics |
LocaleContentGate | 文案、日期、数字、货币、复数、排序、时区和翻译资源必须有 locale 策略 | localeContentModel |
RtlAndLayoutGate | RTL、长文本、多语言换行和布局膨胀不得破坏主路径 | rtlFormatting |
FallbackRecoveryGate | 缺翻译、无障碍失败或用户输入错误时必须有可恢复路径 | fallbackRecovery |
InteractiveSemanticProbe | 每个交互对象必须验证 role、accessible name、可聚焦性、键盘动作和关闭后的焦点恢复 | semanticInteractionMatrix、runtime evidence |
执行步骤
- 识别目标用户、能力差异、语言地区和输入方式。
- 建立用户路径矩阵：页面、CLI、文档、表单、错误、导航、状态反馈。
- 审查键盘、焦点、语义、屏幕阅读器、错误恢复和状态公告。
- 审查 locale 内容模型：文案、格式、翻译资源、RTL、长文本和 fallback。
- 对链接、按钮、菜单、对话框、可展开控件和自定义交互执行
InteractiveSemanticProbe：核对 role、accessible name、focusability、Enter/Space/Escape 行为和 focus recovery。 - 选择验证路线：源码语义、浏览器键盘/辅助技术 smoke、文档预览、测试或人工证据；截图只能证明视觉状态，不能替代交互语义证据。
- 在技术方案、TestRoute 或报告中写明未触发场景的
N/A + skipReason。
输出字段
## AccessibilityI18nGate
| 字段 | 内容 |
|------|------|
| userNeedsMatrix | 用户能力、语言地区、输入方式和任务路径 |
| keyboardFocusModel | Tab 顺序、焦点可见性、快捷键、退出和恢复 |
| screenReaderSemantics | 语义结构、label、role、state、错误公告 |
| localeContentModel | 翻译、日期数字货币、复数、排序、时区、fallback |
| rtlFormatting | RTL、长文本、换行、布局膨胀、方向切换 |
| runtimeVerification | 浏览器 / CLI / 文档预览 / 测试 / 人工证据 |
| interactiveSemantics | role、accessible name、focusability、Enter/Space/Escape、focus recovery |
| focusRecovery | Escape/关闭/失败恢复后焦点回到触发对象或下一合法任务点的运行态证据 |
| fallbackRecovery | 缺翻译、格式错误、无障碍失败和用户误操作恢复 |
| evidenceMatrix | 判断 -> 代码 / 渲染 / 测试 / 文档 / 截图 / 用户路径 |反模式
| 反模式 | 修正 |
|---|---|
| 只写“支持无障碍”，没有键盘和焦点证据 | 补 KeyboardFocusGate 和真实路径验证 |
| 只翻译静态文案，不处理日期、数字、复数、RTL 和 fallback | 补 LocaleContentGate 与 RtlAndLayoutGate |
| 用颜色或图标作为唯一状态信号 | 增加文本、语义状态和辅助技术可读信息 |
| 文档站只看 markdown 源码，不看生成后的导航和流程图 | 补 rendered / site preview 证据 |
| 用截图或 DOM 存在证明控件可访问 | 执行 InteractiveSemanticProbe；视觉存在不等于键盘可操作或辅助技术可理解 |
与其他 Skill 的关系
frontend-architecture：负责组件、状态和渲染稳定性；本 Skill 负责可访问和本地化用户路径。design-system-architecture：负责 token、组件变体和主题契约；本 Skill 负责包容性验证。ux-interaction-architecture：负责任务流和交互反馈；本 Skill 负责键盘、辅助技术和语言地区覆盖。user-manual-authoring：用户文档多语言或站点导航应叠加本 Skill。
© devcodex-labs, AGPL-3.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 1 other file in content/skills/accessibility-i18n of devcodex-labs/devcodex.
- SKILL.md
- intent.json
Open the folder on GitHubat commit 1dd4525
Compare with similar skills
Accessibility I18n 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 |
|---|---|---|---|---|---|---|
| Accessibility I18n this skilldevcodex-labs/devcodex | 439 | — | ~718 | Automated safety check: Pass | AGPL-3.0 | |
| Locale UI Patternsopenchamber/openchamber | 11k | — | ~1.5k | Automated safety check: Pass | MIT | |
| Instui Docsinstructure/instructure-ui | 482 | — | ~498 | Automated safety check: Pass | Custom licence | |
| Wfa Avalonia UItautcony/ChapterTool | 113 | — | ~1.1k | Automated safety check: Pass | GPL-3.0 | |
| Dotnet UInovotnyllc/dotnet-artisan | 233 | — | ~1.3k | Automated safety check: Pass | MIT | |
| Generated Media QAcalesthio/generative-media-skills | 191 | — | ~8k | Automated safety check: Pass | MIT |
Similar skills
Instui Docs
instructure/instructure-ui
Look up authoritative Instructure UI (InstUI, @instructure/ui-) documentation — component APIs, props, theme variables, usage examples, and guides — by querying instructure.design's plaintext docs.
Wfa Avalonia UI
tautcony/ChapterTool
Phase D of a WinForms-to-Avalonia migration: build the Avalonia UI shell with composition, MVVM state and commands, responsive XAML, accessibility, localization boundaries, and behavior-focused…
Dotnet UI
novotnyllc/dotnet-artisan
Builds .NET UI apps across Blazor (Server, WASM, Hybrid, Auto), MAUI (XAML, MVVM, Shell, Native AOT), Uno Platform (MVUX, Extensions, Toolkit), WPF (.NET 8+, Fluent theme), WinUI 3 (Windows App SDK…
Generated Media QA
calesthio/generative-media-skills
Provider-independent quality assurance for AI-generated and AI-assisted media.
Theming Components
ancoleman/ai-design-components
Provides design token system and theming framework for consistent, customizable UI styling across all components.
More from devcodex-labs/devcodex
All 70 skills in this repoAI Agent System Architecture
devcodex-labs/devcodex
AI Agent 系统架构专家 Owner — 当任务涉及 Agent 路由、工具调用、上下文管理、记忆、状态机、权限、人机协作、可观测性、回放验证或模型辅助治理时使用；要求把 Agent 行为设计成可解释、可恢复、可审计。
API Contract Architecture
devcodex-labs/devcodex
API 契约架构专家 Owner — 当任务涉及 public API、HTTP/SDK/CLI 契约、版本兼容、错误模型、分页过滤、幂等、Schema、类型、迁移或消费者影响时使用；要求先冻结消费者契约，再设计实现与验证。
Architecture Design
devcodex-labs/devcodex
架构设计文档编排 Owner — 当用户要求架构设计、系统设计、技术架构或可指导开发、Review 与任务拆分的完整方案时使用；要求从业务流程反推节点、状态、数据、一致性、异常补偿、ADR 与实施任务。
Audit Common
devcodex-labs/devcodex
审查公共维度 G0~G5 + Profile Freshness Check — 所有 audit 子类型必先执行的基础维度层
Audit Session
devcodex-labs/devcodex
审计工作流的跨会话状态机 — 在 <audit-root/.audit-state/<session-id.json 持久化轮次/发现项/收敛状态，支持 Token 中断后精准恢复
Backend Domain Architecture
devcodex-labs/devcodex
后端领域架构专家 Owner — 当任务涉及领域模型、业务流程、权限、API、事务、一致性、幂等、兼容、数据边界、服务职责或用户要求从后端/领域专家角度审查时使用；要求用领域语言和业务不变量约束实现。
Related
Categories
Questions about Accessibility I18n
What does Accessibility I18n do?
无障碍与国际化专家 Owner — 当任务涉及可访问性、键盘操作、焦点、屏幕阅读器、ARIA、语言地区、本地化、RTL、翻译资源、用户可见文案或多语言文档时使用；要求把包容性体验和本地化验证绑定到真实用户路径。. Accessibility I18n is an agent skill from devcodex-labs/devcodex.
When should I use Accessibility I18n?
Accessibility I18n fits situations like: tasks that involve Accessibility; tasks that involve Internationalization.
How do I install Accessibility I18n in Claude Code?
Run `npx skills add devcodex-labs/devcodex --skill accessibility-i18n -a claude-code`. Or copy the skill folder (content/skills/accessibility-i18n in devcodex-labs/devcodex) into .claude/skills/accessibility-i18n in your project. Claude Code loads it when a task matches its description.
How do I install Accessibility I18n in Codex?
Run `npx skills add devcodex-labs/devcodex --skill accessibility-i18n -a codex`. Or copy the skill folder (content/skills/accessibility-i18n in devcodex-labs/devcodex) into .agents/skills/accessibility-i18n in your project. Codex loads it when a task matches its description.
Can I use Accessibility I18n 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 devcodex-labs/devcodex --skill accessibility-i18n -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/accessibility-i18n, .gemini/skills/accessibility-i18n, .github/skills/accessibility-i18n and .opencode/skills/accessibility-i18n in your project.
What does Accessibility I18n need to run?
SKILL.md names no scripts, command-line tools or credentials: Accessibility I18n is instructions for the agent only.
Does Accessibility I18n 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 Accessibility I18n 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 Accessibility I18n use?
Accessibility I18n is published under the AGPL-3.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Accessibility I18n use?
About 718 tokens (SKILL.md is roughly 2.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 Accessibility I18n?
Skills that share tags, products or a category with Accessibility I18n: Locale UI Patterns (openchamber/openchamber, 11k stars), Instui Docs (instructure/instructure-ui, 482 stars), Wfa Avalonia UI (tautcony/ChapterTool, 113 stars) and Dotnet UI (novotnyllc/dotnet-artisan, 233 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Accessibility I18n?
devcodex-labs (a GitHub organization) maintains it in devcodex-labs/devcodex, which has 439 GitHub stars. The repository holds 70 skills in this directory. The repository was last updated on September 17, 2026.
Source: devcodex-labs/devcodex on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.