한국어

시각적으로 보기 및 편집을위한 단일 페이지 HTML 도구 .claude/agents/*.md 및 .claude/skills/**/SKILL.md 파일 Claude 부호에 의해 사용해.

댁**[T2]] (Chrome / Edge 권장)

---

1분에서 시작

1. 위의 링크를 엽니다 (Chrome / Edge)
2. Click ** 2. 폴더 선택** → 프로젝트 루트 선택 (.claude/])
3. 왼쪽 트리에 .md 파일을 클릭 → 편집 시작

모든 데이터는 ** 자체 기계 **에 머물 수 있습니다. 서버에 업로드되지 않습니다 (브라우저 파일 시스템 액세스 API에 의해 구동).

왜?

Claude Code와 함께 에이전트와 기술이 쉽습니다, 하지만 연마 - frontmatter, refining descriptions, 파일에 걸쳐 테이블 비교 - 일반적인 편집기에서 어색을 가져옵니다. 이것은 하나의 일에 초점을 맞춘 작은 도구입니다.

특징

• 색상 코드 에이전트 / 기술 / 오케스트라, 더러운 오류 마커와 디렉토리 트리보기
• Frontmatter 폼 편집기 - name] / description] / type] / model]
• Markdown 바디 편집기 + 동기화 된 섹션 스크롤과 분할 미리보기

Harness Editor

English | 한국어

A single-page HTML tool for visually viewing and editing .claude/agents/*.md and .claude/skills/**/SKILL.md files used by Claude Code.

🌐 Try it now: https://amazingsyp.github.io/harness-editor/harness-editor.html (Chrome / Edge recommended)

---

Get started in 1 minute

1. Open the link above (Chrome / Edge)
2. Click 📁 Select folder → choose your project root (the directory that contains .claude/)
3. Click any .md file in the left tree → start editing

All data stays on your own machine. Nothing is uploaded to a server (powered by the browser File System Access API).

Why?

Building agents and skills with Claude Code is easy, but polishing them — tweaking the frontmatter, refining descriptions, comparing tables across files — gets awkward in a generic editor. This is a small tool focused on that one job.

Features

• Directory tree view with color-coded agents / skills / orchestrators, plus dirty and error markers
• Frontmatter form editor — separate inputs for name / description / type / model
• Markdown body editor + split preview with synced section scrolling
• WYSIWYG mode — edit tables, headings, and emphasis directly in the right pane
• Multi-file search and bulk replace (regex, target filters)
• Description-quality scoring (length, trigger phrases, follow-up keywords) aligned with the revfactory/harness meta-skill recommendations
• Roundtrip-safe serialization — parse → edit → save preserves meaning exactly
• Dark / light themes, page-close protection

Browser support

Keyboard shortcuts

Use locally

Download harness-editor.html from the repo and double-click it. No installation required — all dependencies are loaded from CDNs at runtime.

Dependencies (all loaded from CDN)

• marked.js — Markdown rendering
• js-yaml — Frontmatter YAML parsing & serialization
• turndown + GFM plugin — HTML → Markdown conversion for the WYSIWYG mode

Inspiration

This tool is designed to work well with the file format produced by the revfactory/harness meta-skill — but it works with any standard Claude Code agent or skill .md file.

License