Perluas Claude dengan skills

​

Bundled skills

​

Jalankan dan verifikasi aplikasi Anda

​

Memulai

​

Buat skill pertama Anda

mkdir -p ~/.claude/skills/summarize-changes

---
description: Summarizes uncommitted changes and flags anything risky. Use when the user asks what changed, wants a commit message, or asks to review their diff.
---

## Current changes

!`git diff HEAD`

## Instructions

Summarize the changes above in two or three bullet points, then list any risks you notice such as missing error handling, hardcoded values, or tests that need updating. If the diff is empty, say there are no uncommitted changes.

What did I change?

/summarize-changes

​

Pilih tempat skills dimuat

• Folder yang di-symlink: entri <skill-name> di lokasi enterprise, personal, atau project dapat berupa symlink ke direktori lain di disk. Claude Code membaca SKILL.md dari target dan memuat skill sekali meskipun beberapa lokasi menunjuk ke target yang sama. Plugin skills menangani symlinks secara berbeda.
• Nama yang dicadangkan synced: jangan beri nama folder skill synced, dalam kapitalisasi apa pun. Claude Code menggunakan ~/.claude/skills/synced/ untuk skills yang diunduh dari claude.ai dan melewati skill yang Anda buat dengan nama itu di lokasi enterprise, personal, dan project.
• Nama yang dicadangkan anthropic-skills: di luar plugin, folder skill atau file perintah yang namanya anthropic-skills atau dimulai dengan anthropic-skills: tidak dimuat. Lihat Nama yang dicadangkan untuk synced skills.
• File perintah: file Markdown di .claude/commands/ adalah format yang lebih lama dan masih berfungsi. Ini mendukung frontmatter yang sama kecuali name dan paths. Untuk menemukan nama yang Anda ketik untuk menginvokasinya, lihat Bagaimana skill mendapatkan nama perintahnya. Lebih suka skill untuk pekerjaan baru, karena skills juga mendukung file pendukung.
• Folder skill sebagai plugin: tambahkan .claude-plugin/plugin.json ke folder skill dan itu dimuat sebagai plugin bernama <name>@skills-dir, sehingga dapat menggabungkan agents, hooks, dan MCP servers. Di .claude/skills/ proyek, ini memerlukan penerimaan dialog kepercayaan workspace terlebih dahulu.

​

Muat skills di monorepos dan subdirektori

• /deploy menjalankan skill root. Claude Code juga mencantumkan varian yang memenuhi syarat direktori untuk Claude, dengan instruksi untuk menginvokasi yang direktorinya menyimpan file yang sedang dikerjakan, sehingga nested skill masih berlaku untuk pekerjaan di apps/web/.
• /apps/web:deploy menjalankan nested skill sendiri. Deskripsinya menamai direktori yang berlaku.

​

Muat skills dari direktori di luar proyek

​

Selesaikan skills yang berbagi nama

​

Gunakan skills di sesi Cowork dan cloud

• Untuk sesi Cowork dan cloud, aktifkan skill untuk akun claude.ai Anda.
• Untuk sesi cloud, Anda dapat sebagai gantinya commit skill ke .claude/skills/ repositori. Plugin yang dideklarasikan di .claude/settings.json repositori dan plugin yang hanya diaktifkan di pengaturan pengguna Anda tidak dimuat di sesi cloud.

​

Skills yang disinkronkan dari claude.ai

​

Tempat synced skills dimuat

• Sesi yang tidak menggunakan sign-in yang disimpan oleh /login, seperti yang mengautentikasi dengan API key, atau yang mana ANTHROPIC_AUTH_TOKEN, CLAUDE_CODE_OAUTH_TOKEN, atau skrip apiKeyHelper menyediakan kredensial
• Sesi yang tidak mengambil feature flags, seperti yang di Amazon Bedrock atau yang mana Anda atur CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC
• Sesi di bare mode atau yang Anda mulai dengan --safe-mode
• Sesi tempat managed settings organisasi Anda mengunci skills ke sumber plugin, atau yang Anda mulai dengan daftar --setting-sources yang meninggalkan user

​

Ketika nama synced skill cocok dengan perintah lain

• Perintah bawaan atau bundled skill, termasuk yang tidak tersedia di sesi Anda, misalnya setelah Anda mematikan bundled skills
• Skill di level lokal apa pun atau file di .claude/commands/
• Plugin skill
• MCP prompt

​

Nama yang dicadangkan untuk synced skills

• Folder skill, frontmatter name, file atau subfolder di .claude/commands/, atau saved workflow: itu tidak dimuat. Startup notice menamai item pertama untuk diubah nama atau diedit.
• Plugin bernama anthropic-skills: itu dimuat. Ketika salah satu skillnya dan synced skill keduanya bernama <name>, /anthropic-skills:<name> menjalankan synced skill.
• MCP server bernama anthropic-skills: itu terhubung dan toolsnya bekerja, tetapi promptsnya tidak muncul sebagai perintah. Ubah nama server di konfigurasi MCP Anda untuk mencantumnya.

​

Bagaimana Claude Code menangani frontmatter dari synced skill

• Claude Code menghormati frontmatter di setiap jenis sesi, jadi hibah allowed-tools melalui permission flow normal.
• Claude Code membersihkan teks tampilan yang disediakan skill, seperti deskripsinya. Itu menghapus karakter kontrol, dan dalam teks yang mencapai Claude, seperti deskripsi, itu juga menghindari tanda kurung sudut sehingga teks tidak dapat meniru pemformatan internal Claude Code. Pembersihan ini memerlukan Claude Code v2.1.228 atau lebih baru.

​

Bagaimana Claude Code menangani body dari synced skill

• Dalam sesi cloud, body mempertahankan perilaku yang dimiliki skill lokal, karena sesi berjalan dalam kontainer terisolasi.
• Dalam sesi Cowork di desktop Anda, body mempertahankan perilaku yang dimiliki skill lokal, kecuali Claude Code menggantikan setiap baris perintah ! dengan placeholder disableSkillShellExecution, seperti yang dilakukannya untuk setiap skill yang Anda sediakan di sana.
• Dalam sesi lain di mesin Anda, Claude Code tidak menjalankan perintah !, tidak melampirkan file yang referensi @ beri nama dengan cara yang dilakukannya untuk skill lokal, dan tidak mengganti placeholder ${CLAUDE_PROJECT_DIR} dan ${CLAUDE_SESSION_ID}, jadi referensi @ dan kedua placeholder mencapai Claude sebagai teks literal. Baris perintah ! mencapai Claude sebagai teks literal juga, atau sebagai placeholder itu ketika disableSkillShellExecution aktif. Penanganan ini memerlukan Claude Code v2.1.228 atau lebih baru.

​

Edit skill selama sesi

​

Hapus skill

• Personal atau project skill: hapus direktori skill, ~/.claude/skills/<skill-name>/ atau .claude/skills/<skill-name>/. Claude Code menjatuhkannya dari /skills di sesi saat ini; konten yang sudah dimuat Claude Code darinya mengikuti skill content lifecycle.
• Enterprise skill: administrator menghapus direktori skill dari .claude/skills/ di dalam direktori managed settings, misalnya /etc/claude-code/.claude/skills/<skill-name>/ di Linux.
• Plugin skill: nonaktifkan atau uninstall plugin yang menyediakannya, dari menu /plugin atau dengan /plugin uninstall <plugin-name>@<marketplace-name>. Claude Code membongkar skills plugin ketika perubahan berlaku atau ketika Anda restart.
• Skill yang disinkronkan dari claude.ai: matikan skill untuk akun claude.ai Anda, di tempat yang sama Anda mengaktifkannya. Claude Code menghapusnya dari ~/.claude/skills/synced/ saat berikutnya menyinkronkan skills Anda. Jika Anda menghapus direktori dengan tangan sebagai gantinya, sinkronisasi berikutnya mengunduhnya lagi sementara skill tetap diaktifkan di claude.ai.
• Bundled skill: atur disableBundledSkills ke true untuk mematikan bundled skills, atau atur satu skill ke "off" di skillOverrides untuk menyembunyikannya.

​

Konfigurasi skills

​

Jenis konten skill

---
name: api-conventions
description: API design patterns for this codebase
---

When writing API endpoints:
- Use RESTful naming conventions
- Return consistent error formats
- Include request validation

---
name: deploy
description: Deploy the application to production
context: fork
disable-model-invocation: true
---

Deploy the application:
1. Run the test suite
2. Build the application
3. Push to the deployment target

​

Referensi frontmatter

---
name: my-skill
description: What this skill does
disable-model-invocation: true
allowed-tools: Read Grep
---

Your skill instructions here...

​

Menggunakan skill frontmatter di luar Claude Code

Unexpected key(s) in SKILL.md frontmatter: argument-hint. Allowed properties are: allowed-tools, compatibility, description, license, metadata, name

​

Bagaimana skill mendapatkan nama perintahnya

​

Substitusi string yang tersedia

---
name: render-chart
description: Render a chart from a CSV file
allowed-tools: Bash(${CLAUDE_SKILL_DIR}/scripts/render.sh *)
---

Run `${CLAUDE_SKILL_DIR}/scripts/render.sh <csv-file>` to render the chart.

---
name: session-logger
description: Log activity for this session
---

Log the following to logs/${CLAUDE_SESSION_ID}.log:

$ARGUMENTS

​

Tambahkan file pendukung

my-skill/
├── SKILL.md (required - overview and navigation)
├── reference.md (detailed API docs - loaded when needed)
├── examples.md (usage examples - loaded when needed)
└── scripts/
    └── helper.py (utility script - executed, not loaded)

## Additional resources

- For complete API details, see [reference.md](reference.md)
- For usage examples, see [examples.md](examples.md)

​

Kontrol siapa yang menginvokasi skill

• disable-model-invocation: true: Hanya Anda yang dapat menginvokasi skill. Gunakan ini untuk alur kerja dengan efek samping atau yang ingin Anda kontrol waktunya, seperti /commit, /deploy, atau /send-slack-message. Anda tidak ingin Claude memutuskan untuk deploy karena kode Anda terlihat siap.
• user-invocable: false: Hanya Claude yang dapat menginvokasi skill. Gunakan ini untuk pengetahuan latar belakang yang tidak dapat ditindaklanjuti sebagai perintah. Skill legacy-system-context menjelaskan cara kerja sistem lama. Claude harus tahu ini ketika relevan, tetapi /legacy-system-context bukan tindakan yang bermakna bagi pengguna untuk diambil.

---
name: deploy
description: Deploy the application to production
disable-model-invocation: true
---

Deploy $ARGUMENTS to production:

1. Run the test suite
2. Build the application
3. Push to the deployment target
4. Verify the deployment succeeded

​

Siklus hidup konten skill

​

Pra-setujui tools untuk skill

---
name: commit
description: Stage and commit the current changes
disable-model-invocation: true
allowed-tools: Bash(git add *) Bash(git commit *) Bash(git status *)
---

​

Teruskan argumen ke skills

---
name: fix-issue
description: Fix a GitHub issue
disable-model-invocation: true
---

Fix GitHub issue $ARGUMENTS following our coding standards.

1. Read the issue description
2. Understand the requirements
3. Implement the fix
4. Write tests
5. Create a commit

---
name: migrate-component
description: Migrate a component from one language to another
---

Migrate the $ARGUMENTS[0] component from $ARGUMENTS[1] to $ARGUMENTS[2].
Preserve all existing behavior and tests.

---
name: migrate-component
description: Migrate a component from one language to another
---

Migrate the $0 component from $1 to $2.
Preserve all existing behavior and tests.

​

Pola lanjutan

​

Injeksi konteks dinamis

---
name: pr-summary
description: Summarize changes in a pull request
context: fork
agent: Explore
allowed-tools: Bash(gh *)
---

## Pull request context
- PR diff: !`gh pr diff`
- PR comments: !`gh pr view --comments`
- Changed files: !`gh pr diff --name-only`

## Your task
Summarize this pull request...

## Environment
```!
node --version
git status --short
```

​

Bagaimana perintah yang diinjeksi berjalan

• shell: powershell, dengan alat PowerShell diaktifkan: perintah berjalan melalui alat PowerShell.
• shell: bash ketika bash tidak tersedia: invokasi gagal sebelum perintah apa pun berjalan. Ini terjadi di Windows tanpa Git Bash. Claude Code menampilkan Skill <name> requires bash (`shell: bash` in frontmatter) but Git Bash was not found.
• Kombinasi lainnya: perintah berjalan melalui alat Bash ketika bash tersedia. Ketika tidak, mereka berjalan melalui alat PowerShell.

• Direktori kerja: Claude Code menjalankan setiap perintah di direktori kerja shell sesi saat ini. Direktori itu bergerak ketika Claude menjalankan cd. Gunakan ${CLAUDE_SKILL_DIR} atau ${CLAUDE_PROJECT_DIR} dalam path yang harus diselesaikan dengan cara yang sama setiap kali.
• stderr: dengan shell bash default, Claude Code menggabungkan stderr ke stdout. Apa pun yang ditulis perintah ke stderr muncul dalam teks yang diinjeksi.
• Timeout: setiap perintah berjalan di bawah timeout default 2 menit alat Bash. Ketika alat Bash memindahkan perintah yang kedaluwarsa ke latar belakang, skill masih dirender. Teks yang diinjeksi melaporkan perpindahan dan menamai tugas latar belakang dan file yang mengumpulkan output perintah. Ketika perintah adalah salah satu yang tidak pernah dilatarbelakangkan oleh alat Bash, Claude Code membunuhnya pada timeout. Kegagalan itu membatalkan invokasi.
• Ukuran output: output melampaui batas inline alat Bash tiba sebagai jalur file plus pratinjau singkat, bukan teks terpotong. Output limits mencakup batas dan cara menyesuaikan setiap batas.

​

Ketika perintah yang diinjeksi gagal

• Shell bash default: perintah yang tercantum di bawah Output limits
• shell: powershell, ketika alat PowerShell diaktifkan: set berbeda yang mencakup grep dan git diff tetapi bukan find atau diff

​

Pemeriksaan izin pada perintah yang diinjeksi

​

Jalankan skills dalam subagent

• Dalam mode non-interaktif, dengan flag -p atau Agent SDK
• Ketika Anda menetapkan CLAUDE_CODE_DISABLE_BACKGROUND_TASKS ke 1, yang juga mematikan semua fitur tugas latar belakang lainnya
• Ketika Anda menginvokasi skill yang di-fork sementara invokasi sebelumnya dari skill yang sama masih berjalan
• Ketika tugas terjadwal diaktifkan dengan skill sebagai promptnya

​

Contoh: Skill penelitian menggunakan agen Explore

---
name: deep-research
description: Research a topic thoroughly
context: fork
agent: Explore
---

Research $ARGUMENTS thoroughly:

1. Find relevant files using Glob and Grep
2. Read and analyze the code
3. Summarize findings with specific file references

1. Konteks terisolasi baru dibuat
2. Subagent menerima konten skill sebagai promptnya (instruksi “Research $ARGUMENTS thoroughly”)
3. Field agent menentukan lingkungan eksekusi (model, alat, dan izin)
4. Subagent merangkum hasilnya dan mengembalikannya ke percakapan utama Anda ketika selesai

​

Batasi akses skill Claude

# Add to deny rules:
Skill

# Allow only specific skills
Skill(commit)
Skill(review-pr *)

# Deny specific skills
Skill(deploy *)

​

Ganti visibilitas skill dari pengaturan

{
  "skillOverrides": {
    "legacy-context": "name-only",
    "deploy": "off"
  }
}

​

Temukan skills yang tidak digunakan

​

Evaluasi dan iterasi pada sebuah skill

​

Jalankan evals dengan skill-creator

/plugin install skill-creator@claude-plugins-official

• Marketplace "claude-plugins-official" not found: tambahkan marketplace dengan /plugin marketplace add anthropics/claude-plugins-official, kemudian coba ulang instalasi.
• Plugin tidak ditemukan di marketplace: periksa nama plugin.

• Test cases: menyimpan prompt, file input, dan perilaku yang diharapkan dalam evals/evals.json di dalam direktori skill
• Isolated runs: menjalankan subagent per test case sehingga setiap run dimulai dengan konteks bersih, dan mencatat jumlah token dan durasi
• Grading: memeriksa setiap assertion terhadap output dan menulis pass atau fail dengan bukti ke grading.json
• Benchmark: mengagregasi pass rate, waktu, dan token untuk with-skill versus without-skill ke dalam benchmark.json sehingga Anda dapat membandingkan peningkatan pass-rate terhadap overhead token dan waktu
• Version comparison: menjalankan blind A/B antara dua versi skill sehingga Anda dapat mengkonfirmasi edit adalah peningkatan sebelum melakukan commit
• Description tuning: menghasilkan prompt should-trigger dan should-not-trigger, mengukur hit rate, dan mengusulkan edit deskripsi saat skill diaktifkan pada permintaan yang salah
• Review viewer: membuka laporan HTML di mana Anda memeriksa setiap output dan mencatat umpan balik kualitatif yang dibaca iterasi berikutnya

​

Bagikan skills

• Project skills: Commit .claude/skills/ ke version control
• Plugins: Buat direktori skills/ di plugin Anda
• Managed: Terapkan di seluruh organisasi melalui managed settings

​

Hasilkan output visual

mkdir -p ~/.claude/skills/codebase-visualizer/scripts

---
name: codebase-visualizer
description: Generate an interactive collapsible tree visualization of your codebase. Use when exploring a new repo, understanding project structure, or identifying large files.
allowed-tools: Bash(python3 *)
---

# Codebase Visualizer

Hasilkan tampilan pohon HTML interaktif yang menunjukkan struktur file proyek Anda dengan direktori yang dapat diciutkan.

## Penggunaan

Jalankan skrip visualisasi dari root proyek Anda:

```bash
python3 ${CLAUDE_SKILL_DIR}/scripts/visualize.py .
```

Ini membuat `codebase-map.html` di direktori saat ini dan membukanya di browser default Anda.

## Apa yang ditampilkan visualisasi

- **Direktori yang dapat diciutkan**: Klik folder untuk memperluas/menciutkan
- **Ukuran file**: Ditampilkan di sebelah setiap file
- **Warna**: Warna berbeda untuk jenis file berbeda
- **Total direktori**: Menunjukkan ukuran agregat setiap folder

• Sidebar ringkasan yang menampilkan jumlah file, jumlah direktori, ukuran total, dan jumlah jenis file
• Bagan batang yang memecah codebase berdasarkan jenis file (8 teratas berdasarkan ukuran)
• Pohon yang dapat diciutkan di mana Anda dapat memperluas dan menciutkan direktori, dengan indikator jenis file berkode warna

#!/usr/bin/env python3
"""Generate an interactive collapsible tree visualization of a codebase."""

import json
import sys
import webbrowser
from html import escape
from pathlib import Path
from collections import Counter

IGNORE = {'.git', 'node_modules', '__pycache__', '.venv', 'venv', 'dist', 'build'}

def scan(path: Path, stats: dict) -> dict:
    result = {"name": path.name, "children": [], "size": 0}
    try:
        for item in sorted(path.iterdir()):
            if item.name in IGNORE or item.name.startswith('.'):
                continue
            if item.is_file():
                size = item.stat().st_size
                ext = item.suffix.lower() or '(no ext)'
                result["children"].append({"name": item.name, "size": size, "ext": ext})
                result["size"] += size
                stats["files"] += 1
                stats["extensions"][ext] += 1
                stats["ext_sizes"][ext] += size
            elif item.is_dir():
                stats["dirs"] += 1
                child = scan(item, stats)
                if child["children"]:
                    result["children"].append(child)
                    result["size"] += child["size"]
    except PermissionError:
        pass
    return result

def generate_html(data: dict, stats: dict, output: Path) -> None:
    ext_sizes = stats["ext_sizes"]
    total_size = sum(ext_sizes.values()) or 1
    sorted_exts = sorted(ext_sizes.items(), key=lambda x: -x[1])[:8]
    colors = {
        '.js': '#f7df1e', '.ts': '#3178c6', '.py': '#3776ab', '.go': '#00add8',
        '.rs': '#dea584', '.rb': '#cc342d', '.css': '#264de4', '.html': '#e34c26',
        '.json': '#6b7280', '.md': '#083fa1', '.yaml': '#cb171e', '.yml': '#cb171e',
        '.mdx': '#083fa1', '.tsx': '#3178c6', '.jsx': '#61dafb', '.sh': '#4eaa25',
    }
    lang_bars = "".join(
        f'<div class="bar-row"><span class="bar-label">{ext}</span>'
        f'<div class="bar" style="width:{(size/total_size)*100}%;background:{colors.get(ext,"#6b7280")}"></div>'
        f'<span class="bar-pct">{(size/total_size)*100:.1f}%</span></div>'
        for ext, size in sorted_exts
    )
    def fmt(b):
        if b < 1024: return f"{b} B"
        if b < 1048576: return f"{b/1024:.1f} KB"
        return f"{b/1048576:.1f} MB"

    html = f'''<!DOCTYPE html>
<html><head>
  <meta charset="utf-8"><title>Codebase Explorer</title>
  <style>
    body {{ font: 14px/1.5 system-ui, sans-serif; margin: 0; background: #1a1a2e; color: #eee; }}
    .container {{ display: flex; height: 100vh; }}
    .sidebar {{ width: 280px; background: #252542; padding: 20px; border-right: 1px solid #3d3d5c; overflow-y: auto; flex-shrink: 0; }}
    .main {{ flex: 1; padding: 20px; overflow-y: auto; }}
    h1 {{ margin: 0 0 10px 0; font-size: 18px; }}
    h2 {{ margin: 20px 0 10px 0; font-size: 14px; color: #888; text-transform: uppercase; }}
    .stat {{ display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #3d3d5c; }}
    .stat-value {{ font-weight: bold; }}
    .bar-row {{ display: flex; align-items: center; margin: 6px 0; }}
    .bar-label {{ width: 55px; font-size: 12px; color: #aaa; }}
    .bar {{ height: 18px; border-radius: 3px; }}
    .bar-pct {{ margin-left: 8px; font-size: 12px; color: #666; }}
    .tree {{ list-style: none; padding-left: 20px; }}
    details {{ cursor: pointer; }}
    summary {{ padding: 4px 8px; border-radius: 4px; }}
    summary:hover {{ background: #2d2d44; }}
    .folder {{ color: #ffd700; }}
    .file {{ display: flex; align-items: center; padding: 4px 8px; border-radius: 4px; }}
    .file:hover {{ background: #2d2d44; }}
    .size {{ color: #888; margin-left: auto; font-size: 12px; }}
    .dot {{ width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; }}
  </style>
</head><body>
  <div class="container">
    <div class="sidebar">
      <h1>📊 Summary</h1>
      <div class="stat"><span>Files</span><span class="stat-value">{stats["files"]:,}</span></div>
      <div class="stat"><span>Directories</span><span class="stat-value">{stats["dirs"]:,}</span></div>
      <div class="stat"><span>Total size</span><span class="stat-value">{fmt(data["size"])}</span></div>
      <div class="stat"><span>File types</span><span class="stat-value">{len(stats["extensions"])}</span></div>
      <h2>By file type</h2>
      {lang_bars}
    </div>
    <div class="main">
      <h1>📁 {escape(data["name"])}</h1>
      <ul class="tree" id="root"></ul>
    </div>
  </div>
  <script>
    const data = {json.dumps(data)};
    const colors = {json.dumps(colors)};
    function fmt(b) {{ if (b < 1024) return b + ' B'; if (b < 1048576) return (b/1024).toFixed(1) + ' KB'; return (b/1048576).toFixed(1) + ' MB'; }}
    function esc(s) {{ return s.replace(/[&<>"']/g, c => ({{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"}}[c])); }}
    function render(node, parent) {{
      if (node.children) {{
        const det = document.createElement('details');
        det.open = parent === document.getElementById('root');
        det.innerHTML = `<summary><span class="folder">📁 ${{esc(node.name)}}</span><span class="size">${{fmt(node.size)}}</span></summary>`;
        const ul = document.createElement('ul'); ul.className = 'tree';
        node.children.sort((a,b) => (b.children?1:0)-(a.children?1:0) || a.name.localeCompare(b.name));
        node.children.forEach(c => render(c, ul));
        det.appendChild(ul);
        const li = document.createElement('li'); li.appendChild(det); parent.appendChild(li);
      }} else {{
        const li = document.createElement('li'); li.className = 'file';
        li.innerHTML = `<span class="dot" style="background:${{colors[node.ext]||'#6b7280'}}"></span>${{esc(node.name)}}<span class="size">${{fmt(node.size)}}</span>`;
        parent.appendChild(li);
      }}
    }}
    data.children.forEach(c => render(c, document.getElementById('root')));
  </script>
</body></html>'''
    output.write_text(html)

if __name__ == '__main__':
    target = Path(sys.argv[1] if len(sys.argv) > 1 else '.').resolve()
    stats = {"files": 0, "dirs": 0, "extensions": Counter(), "ext_sizes": Counter()}
    data = scan(target, stats)
    out = Path('codebase-map.html')
    generate_html(data, stats, out)
    print(f'Generated {out.absolute()}')
    webbrowser.open(f'file://{out.absolute()}')

​

Troubleshooting

​

Skill tidak terpicu

1. Periksa deskripsi mencakup kata kunci yang akan secara alami diucapkan pengguna
2. Verifikasi skill muncul di What skills are available?
3. Coba rephrase permintaan Anda untuk lebih cocok dengan deskripsi
4. Panggil secara langsung dengan /skill-name jika skill dapat diinvokasi oleh pengguna

​

Skill terpicu terlalu sering

1. Buat deskripsi lebih spesifik
2. Tambahkan disable-model-invocation: true jika Anda hanya menginginkan invokasi manual

​

Deskripsi skill terpotong

​

Personal skills hilang

​

Sumber daya terkait

• Debug konfigurasi Anda: diagnosis mengapa skill tidak muncul atau tidak terpicu
• Mengevaluasi kualitas output skill: format file eval dan alur kerja iterasi di agentskills.io
• Praktik terbaik penulisan skill: panduan penulisan yang berlaku di seluruh produk Claude
• Subagents: delegasikan tugas ke agen khusus
• Plugins: paket dan distribusikan skills dengan ekstensi lainnya
• Hooks: otomatisasi workflow di sekitar peristiwa tool
• Memory: kelola file CLAUDE.md untuk konteks persisten
• Commands: referensi untuk perintah bawaan dan skills bundel
• Permissions: kontrol akses tool dan skill
• Claude Tag skills: project skills yang di-commit ke repo juga dimuat ketika repo tersebut digunakan di saluran Claude Tag