Skip to content
Content
Command

/skills

List installed skills or create new ones

From plugin
claude-code-video-toolkit
2.1k13 skills13 commands
Install
$ npx -y skills add digitalsamba/claude-code-video-toolkit --agent claude-code

How it fires

How this command gets triggered: by you, by Claude, or both.

  • Fires itselfClaude auto-loads it when your prompt matches the work.
  • You can call itInvoke it directly when you want it.
  • Slash command/skills

Context preview

What this command does when you run it.

List installed skills or create new ones

Command definition

skills.md
description: List installed skills or create new ones

Skills

List installed skills and their status, or create new skills.

Entry Point

On invocation, scan skills and present:

Step 1: Scan Skills

1. Glob .claude/skills/*/SKILL.md
2. For each skill:
   - Read SKILL.md frontmatter for metadata
   - Extract: name, status, description, triggers
   - Check for reference.md (detailed docs)
3. Read _internal/toolkit-registry.json for additional metadata
4. Sort by status (stable first), then alphabetically

Step 2: Present Skills

Installed skills:

  Stable:
  ──────
  1. **remotion** - Video compositions with React
     Triggers: Remotion, video composition, animations, interpolate, spring

  2. **elevenlabs** - AI voiceover and audio generation
     Triggers: voiceover, TTS, voice cloning, sound effects, music

  Beta:
  ─────
  3. **ffmpeg** - Video/audio conversion and processing
     Triggers: convert video, resize, compress, extract audio

  4. **playwright-recording** - Browser demo capture
     Triggers: record demo, browser recording, screenshot

Actions:
  → View skill details: enter number
  → Create new skill: 'new'
  → Check skill maturity: see _internal/ROADMAP.md

Skill Details View

When user selects a skill:

Skill: remotion

Status: stable
Description: Create programmatic videos using React with Remotion

## Triggers

Use this skill when:
- Creating video compositions with React
- Working with Remotion animations (interpolate, spring)
- Rendering videos to MP4/WebM/GIF
- Building frame-by-frame animations
- Using <Sequence>, <Series>, <AbsoluteFill>

## Key Patterns

Animation:
  const opacity = interpolate(frame, [0, 30], [0, 1]);

Sequencing:
  <Series>
    <Series.Sequence durationInFrames={90}>...</Series.Sequence>
  </Series>

Media:
  <OffthreadVideo src={staticFile('demo.mp4')} />
  <Audio src={staticFile('voiceover.mp3')} />

## Files

- .claude/skills/remotion/SKILL.md
- .claude/skills/remotion/reference.md (detailed API docs)

## Related

- elevenlabs (audio generation)
- ffmpeg (asset conversion)

---

New Skill Flow

When creating a new skill:

Step 1: Gather Information

Let's create a new skill.

Skill name: (e.g., "terminal-recording", "accessibility")
Description: (one sentence)
Category: (video, audio, automation, other)

Step 2: Define Triggers

When should Claude use this skill?

List trigger phrases (one per line):
- "record terminal session"
- "asciinema"
- "terminal demo"
- "CLI recording"

Step 3: Initial Content

What knowledge should this skill contain?

  1. I'll provide documentation/examples
  2. Help me research and build it
  3. Start with a minimal template

Step 4: Create Skill Files

1. Create directory: `.claude/skills/{name}/`

2. Write `SKILL.md`:

---
name: {name}
status: draft
description: {description}
triggers:
  - trigger1
  - trigger2
---

# {Name} Skill

{Description}

## When to Use

Use this skill when:
- {trigger context 1}
- {trigger context 2}

## Key Concepts

{Core knowledge}

## Common Patterns

{Code examples, commands, workflows}

## References

- {Links to documentation}

3. Optionally create `reference.md` for detailed documentation

4. Update `_internal/toolkit-registry.json`:

{
  "skills": {
    "{name}": {
      "path": ".claude/skills/{name}/",
      "description": "Brief description of the skill",
      "status": "draft",
      "created": "YYYY-MM-DD",
      "updated": "YYYY-MM-DD"
    }
  }
}

Step 5: Confirmation

Skill created: .claude/skills/{name}/

Files:
  ✅ SKILL.md - core skill knowledge
  ⬜ reference.md - add detailed docs later

Status: draft

Next steps:
  1. Add content to SKILL.md
  2. Test the skill in real usage
  3. Promote to beta once validated
  4. See _internal/ROADMAP.md for maturity process

⚠️  IMPORTANT: Restart Claude Code to load the new skill.

---

Skill Maturity Levels

| Status | Meaning | Promotion Criteria | |--------|---------|-------------------| | **draft** | Just created, untested | Verify examples work | | **beta** | Functional, needs validation | Use in real project | | **stable** | Battle-tested, recommended | No known issues, complete docs |

Promotion Process

**draft → beta:** 1. Verify all code examples work 2. Test core functionality 3. Document any issues in `_internal/reviews/` 4. Fix critical issues

**beta → stable:** 1. Use in a real project 2. Gather feedback 3. Complete documentation 4. No known critical issues

---

Skill Structure Reference

.claude/skills/{name}/
├── SKILL.md         # Core knowledge (required)
│   - Frontmatter: name, status, description, triggers
│   - When to use
│   - Key concepts
│   - Common patterns
│
└── reference.md     # Detailed docs (optional)
    - API reference
    - Full examples
    - Troubleshooting

---

Registry

Skills are tracked in `_internal/toolkit-registry.json`:

{
  "skills": {
    "remotion": {
      "path": ".claude/skills/remotion/",
      "description": "Remotion video framework",
      "status": "stable",
      "created": "2025-12-04",
      "updated": "2025-12-04"
    }
  }
}

---

Important Notes

**After creating or modifying skills:**

⚠️  Restart Claude Code to load changes.

Skills are loaded at startup. New skills, updated triggers,
or modified content won't take effect until you restart.

---

Evolution

This command evolves through use. If something's awkward or missing:

**Local improvements:** 1. Say "improve this" → Claude captures in `_internal/BACKLOG.md` 2. Edit `.claude/commands/skills.md` → Update `_internal/CHANGELOG.md` 3. Share upstream → `gh pr create`

**Remote contributions:**

  • Issues: `github.com/digitalsamba/claude-code-video-toolkit/issues`
  • PRs welcome for new skills, improvements, documentation

History: Created as unified skill management command

Read more
Ships withclaude-code-video-toolkit

Tell Claude Code what video you want — it writes the script, generates the voiceover, music, and visuals, and renders the MP4.

Get the whole plugin
Stats
2,090
Stars
360
Forks
Active
Maintenance
Python
Language
MIT
License
3d ago
Last commit
9mo ago
Created

Repo: digitalsamba/claude-code-video-toolkit

Other commands on claude-code-video-toolkit.