실제 DOM 파싱을 사용하여 walkerOS data-elb HTML 태깅 속성을 생성, 파싱 및 검증합니다.
다른 이름 elbwalker/walkerOS, source-browser, @walkeros/mcp-source-browser
- 스타
- 350
- Tools
- 3
- 다운로드, 30일
- —
- 최신 버전
- 4.5.0
- 마지막 커밋
- 2026년 11월 12일
- 라이선스
- MIT
walkerOS Source Browser MCP란?
walkerOS Source Browser은(는) MCP server입니다. 실제 DOM 파싱을 사용하여 walkerOS data-elb HTML 태깅 속성을 생성, 파싱 및 검증합니다. 3개 도구를 제공합니다. 예: generate_tagging, parse_tagging, validate_tagging.
프로젝트 README에서 생성된 요약
walkerOS Source Browser MCP server 정보
AI 어시스턴트가 실제 DOM 파싱을 통해 data-elb 속성을 생성, 파싱 및 검증할 수 있으면 walkerOS HTML 태깅 속성 관리가 더욱 정확해집니다. 개발자는 이 로컬 MCP server를 사용하여 구조화된 입력이 HTML 스니펫으로 올바르게 변환되는지, 그리고 생성된 태깅이 특정 규칙을 따르는지 확인할 수 있습니다. 이 서버는 MCP client를 통해 stdio 방식으로 실행되며, 작동을 위해 API key나 외부 계정이 필요하지 않습니다.
이 서버는 태깅 라이프사이클을 관리하기 위한 세 가지 특정 도구를 제공합니다. generate_tagging 도구는 구조화된 데이터로부터 data-elb 속성과 HTML 예시를 생성하며, parse_tagging은 기존 스니펫에서 이벤트와 globals를 추출합니다. 품질 보증을 위해 validate_tagging 도구는 비어 있는 엔티티 이름, 고립된 액션, 알 수 없는 트리거 또는 액션이 누락된 엔티티와 같은 오류를 점검합니다. 사용자는 기본값인 data-elb 대신 이러한 속성에 대한 사용자 정의 접두사를 지정할 수도 있습니다.
활용 사례
- 1HTML 태깅 스니펫 생성제품 카드와 같은 특정 UI 컴포넌트에 바로 붙여넣을 수 있는 data-elb 속성을 생성하도록 어시스턴트에게 요청하세요.
- 2HTML에서 이벤트 데이터 추출AI client에 HTML 스니펫을 제공하여 포함된 walkerOS 이벤트와 globals를 식별하세요.
- 3태깅 정확도 검증검증 도구를 사용하여 고립된 액션, 알 수 없는 트리거 또는 필수 액션이 누락된 엔티티를 찾으세요.
프로젝트의 README를 바탕으로 작성되었습니다. 모든 활용 사례는 해당 내용의 인용문과 대조하여 확인합니다.
walkerOS Source Browser MCP 설치 방법
형식 확인: 2026년 11월 10일Claude Code에 walkerOS Source Browser MCP 설치
$ claude mcp add source-browser -- npx -y @walkeros/mcp-source-browserCursor에 walkerOS Source Browser MCP 설치
~/.cursor/mcp.json
{
"mcpServers": {
"source-browser": {
"command": "npx",
"args": [
"-y",
"@walkeros/mcp-source-browser"
]
}
}
}VS Code에 walkerOS Source Browser MCP 설치
.vscode/mcp.json
{
"servers": {
"source-browser": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@walkeros/mcp-source-browser"
]
}
}
}Claude Desktop에 walkerOS Source Browser MCP 설치
claude_desktop_config.json
{
"mcpServers": {
"source-browser": {
"command": "npx",
"args": [
"-y",
"@walkeros/mcp-source-browser"
]
}
}
}Codex에 walkerOS Source Browser MCP 설치
~/.codex/config.toml
[mcp_servers.source-browser] command = "npx" args = ["-y", "@walkeros/mcp-source-browser"]
Gemini CLI에 walkerOS Source Browser MCP 설치
~/.gemini/settings.json
{
"mcpServers": {
"source-browser": {
"command": "npx",
"args": [
"-y",
"@walkeros/mcp-source-browser"
]
}
}
}walkerOS Source Browser MCP 도구 3
README에서 감지됨generate_taggingparse_taggingvalidate_tagging
| generate_tagging | — | |
| parse_tagging | — | |
| validate_tagging | — |
자동 검사
2026년 11월 12일에 실행됨전체 보고서 →자동 검사를 통과했습니다. 이는 보안 감사가 아닙니다. 코드를 직접 읽고 서버에 필요한 최소한의 권한만 부여하십시오. 검사 방식
- 소스 저장소 연결 및 접근 가능통과
- 오픈 소스 라이선스 (OSI)통과
- 최근 1년 내 커밋 또는 릴리스통과
- 패키지 이름이 인기 패키지와 유사하지 않음통과
- 원격 엔드포인트가 HTTPS 사용검사되지 않음
- 파괴적인 도구에 라벨 표시됨통과
- 모델에 대한 숨겨진 지침 없음통과
- 패키지와 의존성에 심각한 보안 권고 없음통과
README
GitHub에서 보기@walkeros/mcp-source-browser
Model Context Protocol server for walkerOS HTML tagging. Generates, parses, and
validates data-elb attributes using real DOM parsing, so an AI assistant can
tag a page and check its own work. It runs locally and needs no account or API
token.
Documentation • NPM Package • Source Code
Installation
The server runs over stdio and is started by your MCP client. Add it to the client's configuration:
{
"mcpServers": {
"walkeros-source-browser": {
"command": "npx",
"args": ["@walkeros/mcp-source-browser"]
}
}
}
The walkerOS Claude Code plugin registers the flow servers and the walkerOS skills. It does not register this server, so in Claude Code add it to the configuration as above too.
To install the binary directly:
npm install @walkeros/mcp-source-browser
Quick start
Ask your assistant to tag a page, for example: "Generate walkerOS tagging for a
product card with name and price". It calls generate_tagging and returns
ready-to-paste data-elb attributes.
Tools
| Tool | Description |
|---|---|
generate_tagging |
Turn structured input into data-elb attributes and an example HTML snippet |
parse_tagging |
Parse an HTML snippet and extract the walkerOS events and globals it produces |
validate_tagging |
Check tagging for empty entity names, orphan actions, unknown triggers, orphan properties, and entities without actions |
All three accept an optional prefix to match a custom attribute prefix, which
defaults to data-elb.
Resources
| URI | Content |
|---|---|
walkeros://docs/tagging/html-attributes |
Guide to data-elb HTML attribute tagging |
walkeros://docs/tagging/tagger |
createTagger() fluent API reference |
Documentation
Full parameter tables and examples live in the docs: https://www.walkeros.io/docs/apps/mcp
Contribute
Feel free to contribute by submitting an issue, starting a discussion, or getting in contact.
License
MIT
walkerOS Source Browser MCP 질문
walkerOS Source Browser MCP를 Claude Code에 추가하려면 어떻게 하나요?
터미널에서 claude mcp add source-browser -- npx -y @walkeros/mcp-source-browser를 실행합니다. 모든 프로젝트에서 사용할 수 있게 하려면 --scope user를 추가합니다.
walkerOS Source Browser MCP를 Cursor에 추가하려면 어떻게 하나요?
~/.cursor/mcp.json를 열고 mcpServers 아래에 서버를 추가합니다. 위 설치 섹션에 표시된 Cursor 구성을 사용합니다.
walkerOS Source Browser MCP는 어떤 도구를 제공하나요?
3개 도구를 제공합니다. 예: generate_tagging, parse_tagging, validate_tagging.
서버를 어떻게 설치하나요?
npx를 사용하여 @walkeros/mcp-source-browser를 실행하거나, npm install @walkeros/mcp-source-browser 명령어로 바이너리를 직접 설치할 수 있습니다.
이 서버는 API key가 필요한가요?
아니요, 서버는 로컬에서 실행되며 계정이나 API 토큰이 필요하지 않습니다.
이 서버에서 사용할 수 있는 도구는 무엇인가요?
태깅 생성, walkerOS 이벤트를 추출하기 위한 HTML 스니펫 파싱, 그리고 고립된 액션(orphan actions)이나 알 수 없는 트리거와 같은 오류를 검증하는 태깅 검증 도구를 제공합니다.