お問い合わせ

視覚的に表示および編集のための単一ページのHTML用具 [.claude/agents/*.mdと.claude/skills/**/SKILL.mdファイル クロードコードで使用

https://amazingsyp.github.io/harness-editor/harness-editor.html (クローム/エッジ推奨)

お問い合わせ

1分でスタート

1. 上記リンク(Chrome/Edge)を開く
2. [[.claude/] を含むプロジェクトルート([T3]を含むディレクトリ)を選択します。
3. 左側のツリーの [.md ファイルをクリック → 編集を開始する

すべてのデータは、your独自のマシンにとどまります。 サーバにアップロードされていないもの(ブラウザファイルシステムアクセスAPIで出力)。

なぜ?

Claudeコードでエージェントやスキルを構築するのは簡単ですが、それらを磨く - フロントマッターを微調整し、説明を洗練し、ファイルを横切るテーブルを比較する - 一般的なエディタでawkwardを取得します。 その1つの仕事に焦点を当てた小さなツールです。

##特徴

• 色分けされた代理店/スキル/オーケストラー、および汚れたおよび間違いのマーカーが付いているディレクトリ・ツリー・ビュー
• Frontmatter フォームエディタ — name/ [description]/ [type]]/ [[model]の別々の入力]
• マークダウンボディエディタ+同期セクションスクロールによる分割プレビュー

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