                <div class="skill-catalog" data-skill-catalog>
                    <div class="skill-filter">
                        <svg class="ico" aria-hidden="true"><use href="#i-search"/></svg>
                        <input type="search" data-skill-input autocomplete="off" spellcheck="false" aria-label="Filtrer les skills / Filter skills" data-placeholder-fr="Filtrer par nom, phase ou description…" data-placeholder-en="Filter by name, phase or description…">
                        <span class="skill-filter-count" data-skill-count></span>
                    </div>
{{#groupSkillsByPhase skills}}
                    <section class="skill-phase" data-skill-group>
                        <h3 id="phase-{{slugify phase}}">{{phase}} <span class="skill-count">{{count skills}}</span></h3>
                        <ul class="skill-list">
{{#each skills}}
                            <li class="skill-row" id="skill-{{slug}}" data-skill-text="{{slug}} {{phase}} {{description}}">
                                <code class="skill-slug">/{{slug}}</code>
                                <span class="skill-desc" title="{{description}}">{{firstSentence description}}</span>
{{#if argumentHint}}
                                <code class="skill-args">{{argumentHint}}</code>
{{/if}}
                            </li>
{{/each}}
                        </ul>
                    </section>
{{/groupSkillsByPhase}}
                    <p class="skill-empty" data-skill-empty hidden><span data-lang="fr">Aucun skill ne correspond.</span><span data-lang="en">No skill matches.</span></p>
                </div>
