claude.ai Custom Connector input identifiers — feature request draft (2026-05)

상태: Draft. 운영자 검토 후 [email protected] 또는 claude-code GitHub issues  에 그대로 전송 가능한 self-contained 리포트.

Backlog: B-anthropic-connector-input-attrs

관련 분석: claude.ai Custom Connector autofill 한국어 한계

1. Summary

claude.ai Custom Connector modal 의 4 input field (Name, Remote MCP server URL, OAuth Client ID, OAuth Client Secret) 가 안정 식별자 (name / aria-label / autocomplete) 를 갖고 있지 않다. Bitwarden 등 password manager 가 한국어 placeholder 만으로 매칭을 시도할 경우 정규화 규칙 (/[^a-zA-Z0-9]+/g — alphanumeric only) 이 한글을 모두 제거해 placeholder 가 빈 문자열이 되고, 결과적으로 자동 입력이 불가능하다. 4 input 에 name="..." 또는 aria-label="..." 를 추가하면 한국어 UI 에서 즉시 4/4 자동입력이 가능해지고, 다른 모든 i18n locale 도 동시에 해소된다.

2. Environment & Repro

• URL: claude.ai/customize/connectors → “Add custom connector”
• Locale: ko (한국어). 다른 locale (ja, zh, …) 도 동일 영향 가능성 (추가 분석 필요).
• Browser: Chrome, Edge, 기타 Chromium 계열 모두 동일.
• Password manager: Bitwarden Chrome extension (2025.7.x, 2026.4.x 모두 검증). 1Password 등 다른 PM 도 동일 패턴 추정.

Reproduction

1. claude.ai/customize/connectors 진입 (브라우저 locale = 한국어 상태).
2. “Add custom connector” 버튼 클릭 → modal 등장.
3. Bitwarden 확장에서 vault item 자동 채우기 시도.
4. 결과: 4 input 중 0/4 또는 2/4 만 채워짐. Client ID/Secret 은 EN substring 매칭으로 부분 성공 가능하나, Name + Remote MCP server URL 은 한국어 placeholder 만 노출되어 매칭 실패.
5. 사용자가 Name + URL 을 수동 입력 또는 Bitwarden popup 의 ⎘ copy-paste 로 채워야 함.

3. Root cause (DOM analysis)

Custom Connector modal 4 input 의 HTML (2026-05-27 inspect 결과, Claude in Chrome MCP 사용):

<input
  type="text"
  id="base-ui-_r_dn_"
  placeholder="이름"
  class="..."
/>
<input
  type="text"
  id="base-ui-_r_dq_"
  placeholder="Remote MCP server URL"
  class="..."
/>
<input
  type="text"
  id="base-ui-_r_dr_"
  placeholder="OAuth Client ID"
  class="..."
/>
<input
  type="password"
  id="base-ui-_r_ds_"
  placeholder="OAuth Client Secret"
  class="..."
/>

문제점:

• id = Base UI 라이브러리의 무작위 패턴 (예: base-ui-_r_dn_) — 렌더마다 변경 가능. 안정 식별자가 아님.
• name / aria-label / autocomplete = 모두 없음.
• 결과적으로 password manager 가 매칭할 안정 식별자가 0 — placeholder 만 시도 가능.

Bitwarden 매칭 logic (실측):

// Bitwarden 의 form field 매칭 후보 정규화
const normalize = (s) => (s || '').toLowerCase().replace(/[^a-zA-Z0-9]+/g, '');

• 한국어 placeholder "이름" → 정규화 결과 = "" (빈 문자열) → 매칭 후보 사라짐.
• 영문 placeholder "OAuth Client ID" → 정규화 결과 = "oauthclientid" → keyword 매칭 가능.

즉 한글 placeholder 만 가진 2 input (Name, 그리고 URL 도 일부 PM 에서 url scheme 매칭 실패) 은 구조적으로 자동입력 불가.

4. Requested fix

각 input 에 안정 식별자를 1개 이상 추가 (권장 = 3개 모두):

<input
  type="text"
  name="connector-name"
  aria-label="Connector name"
  autocomplete="off"
  placeholder="이름"
  ...
/>
<input
  type="text"
  name="server-url"
  aria-label="Remote MCP server URL"
  autocomplete="url"
  placeholder="Remote MCP server URL"
  ...
/>
<input
  type="text"
  name="oauth-client-id"
  aria-label="OAuth Client ID"
  autocomplete="off"
  placeholder="OAuth Client ID"
  ...
/>
<input
  type="password"
  name="oauth-client-secret"
  aria-label="OAuth Client Secret"
  autocomplete="off"
  placeholder="OAuth Client Secret"
  ...
/>

이유:

• name = HTML 표준 form field identifier. Password manager 의 1순위 매칭 단서.
• aria-label = 시각 장애인 접근성 (screen reader) + 영문 식별자 — password manager 의 보조 단서.
• autocomplete="off" (또는 secret 의 경우 "new-password") = browser 의 자체 저장 prompt 차단 (선택적).

추가 권장: 부모 <form> 에도 name="add-custom-connector" 같은 form-level 식별자를 부여 — Bitwarden 의 form context 매칭 보조.

5. Impact

a11y 부수 효과: aria-label 추가로 screen reader 사용자의 form field 식별이 개선됨.

6. AXE Labs 자체 우회 (참고)

운영자 (AXE Labs 임직원) 가 한국어 UI 에서 자체 catalog 를 통해 우회:

• Vaultwarden MCP Connectors org collection 의 6 Custom Field 등재: Name, Server URL, MCP URL, Tenant ID, Scopes, Vault secret path.
• autofill 2/4 (Client ID + Secret, EN label substring 매칭) 가능.
• 나머지 2/4 (Name + URL) = Bitwarden popup 의 ⎘ copy → paste 수동.

본 우회는 운영 가능하나 connector 등록 1 건당 운영자 click 약 6 회 발생. 본 upstream fix 는 한국어 UI 에서도 4/4 자동입력, 다른 locale 도 동시에 해소.

7. Attachments / references

• Custom Connector modal HTML inspect 결과 (2026-05-27, Claude in Chrome MCP).
• Bitwarden 매칭 정규화 규칙 (/[^a-zA-Z0-9]+/g) — Bitwarden browser extension source 참조 가능.
• AXE Labs 자체 catalog 우회 패턴 (B-axe-mcp-catalog-en-aliases 결과물).
• 관련 known-gaps: claude.ai Custom Connector autofill 한국어 한계.

8. Submission channels

• Email: [email protected] (subject 예시: Feature request: Custom Connector input identifiers for i18n password manager support)
• GitHub: https://github.com/anthropics/claude-code/issues  — issue title 예시: Custom Connector modal: add name/aria-label to 4 input fields for i18n password manager support

9. Status

운영자가 검토 후 위 채널 중 하나로 제출. 회신 수령 시 본 페이지 §9 표를 갱신하고 /ops/known-gaps 의 해당 항목에 진행 상황 한 줄 추가.