š Skill: <div align="center">
Installation
$skills install @ThibautMelen/components
Claude Code
Cursor
Copilot
Codex
Antigravity
Details
RepositoryThibautMelen/agentic-ai-systems
Pathimplementation/components/skill.md
Branchmain
Scoped Name@ThibautMelen/components
Usage
After installing, this skill will be available to your AI coding assistant.
Verify installation:
skills listSkill Instructions
<div align="center">
<div align="center">
š Home āŗ š§ Implementation āŗ š¦ Components āŗ š Skill
ā š¦“ Slash Command āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā šŖ Hook ā
</div>š Skill
A Skill is a reusable capability that provides specialized knowledge or methodology for specific task types.
Key Characteristics
| Property | Value |
|---|---|
| Invocation | Skill tool or automatic based on context |
| Location | .claude/skills/*/SKILL.md |
| Loading | On-demand when relevant |
| Scope | Enhances š main agent capabilities |
File Structure
.claude/skills/test-driven-development/
āāā SKILL.md
# .claude/skills/test-driven-development/SKILL.md
---
description: Use when implementing features - write tests first, then code
---
# Test-Driven Development Skill
## Methodology
1. RED: Write a failing test
2. GREEN: Write minimal code to pass
3. REFACTOR: Clean up while tests pass
Note: Skill name from directory name. Frontmatter: name (optional), description (required), allowed-tools (optional).
Frontmatter Reference
| Field | Required | Description |
|---|---|---|
name | No | Skill name (default: directory name, max 64 chars) |
description | Yes | When to use this skill (max 1024 chars) |
allowed-tools | No | Restricts tool access for this skill |
Mermaid Representation
%%{init: {'theme': 'base', 'themeVariables': {'lineColor': '#64748b'}}}%%
flowchart TB
classDef user fill:#6366f1,stroke:#4f46e5,stroke-width:2px,color:#ffffff
classDef main fill:#8b5cf6,stroke:#7c3aed,stroke-width:2px,color:#ffffff
classDef skill fill:#8b5cf6,stroke:#7c3aed,stroke-width:2px,color:#ffffff
classDef decision fill:#f59e0b,stroke:#d97706,stroke-width:2px,color:#ffffff
REQ["šāāļøš„ User Request"]:::user --> CHECK{"š Skill Applicable?"}:::decision
CHECK -->|Yes| LOAD["š Load Skill"]:::skill
CHECK -->|No| DIRECT["šā” Direct Execution"]:::main
LOAD --> APPLY["šš Apply Methodology"]:::main
APPLY --> EXEC["šā” Execute with Skill"]:::main
EXEC --> RESULT["šāāļøš¤ Enhanced Result"]
DIRECT --> RESULT
How Skills Work
- Detection: Claude analyzes the request context
- Matching: Compares against skill descriptions
- Loading: Injects skill content into context
- Application: Follows methodology during execution
Progressive Skills Mechanism
%%{init: {'theme': 'base', 'themeVariables': {'lineColor': '#64748b'}}}%%
flowchart TB
classDef main fill:#8b5cf6,stroke:#7c3aed,stroke-width:2px,color:#ffffff
classDef skill fill:#8b5cf6,stroke:#7c3aed,stroke-width:2px,color:#ffffff
classDef decision fill:#f59e0b,stroke:#d97706,stroke-width:2px,color:#ffffff
REQ["šāāļøš„ User Request"] --> MA["š Main Agent"]:::main
MA --> CHECK{"š Match Skills?"}:::decision
CHECK -->|TDD Task| TDD["š test-driven-development"]:::skill
CHECK -->|Debug Task| DEBUG["š systematic-debugging"]:::skill
CHECK -->|Review Task| REVIEW["š code-review"]:::skill
CHECK -->|None| DIRECT[Direct Execution]
TDD --> EXEC["ā
Enhanced Execution"]
DEBUG --> EXEC
REVIEW --> EXEC
DIRECT --> EXEC
Example Skill Content
# .claude/skills/systematic-debugging/SKILL.md
---
description: Use when debugging errors or unexpected behavior - systematic root cause analysis
---
# Systematic Debugging
## Process
1. **Reproduce**: Confirm the issue is reproducible
2. **Isolate**: Narrow down to smallest failing case
3. **Hypothesize**: Form theories about cause
4. **Test**: Verify each hypothesis
5. **Fix**: Apply minimal fix
6. **Verify**: Confirm fix works without regressions
Tips
- Write clear, actionable descriptions
- Include step-by-step methodologies
- Document when to use (and when NOT to use)
- Keep skills focused on single concerns
<div align="center">
ā š¦“ Slash Command āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā šŖ Hook ā
</div>